Login Screen

[ivanchenoweth]

Make a Login screen.

We need to create a centred login screen (similar to the mockup)

• Location: http://localhost/login (Web app only)
• Binary location: <file system executable/projectIDE> (application)
• The username and passwod have to be mandatories but "remember me" checkbox is optional,
• If some field is missing or email is not valid or if username length is greater of 25 or less than 8 then : Send a message "incorrect email and password" (mockup)
• Redirect the login to Location: http://localhost/signin if the input are ok, in order to be ready to proccess

Acceptance criteria (AC)

1. We need to be able to visualize the 'Login' page in the URL Location (like the mockup is showed when the application starts)
2. We need to able to input type the user and password, to access the system
3. We need to send a error message (mockup) when username or password are missing, or email is not valid or the username is less than 8 characters or more than 25 characters when the "log in" button is pressed
4. The "Remember me" checkbox is optional.
5. Show the Mockup logo (any logo) 320px and 500px wide

BDD :

• Scenario 1: Shows the login (mockup):

• Given: The application is executed

• And: Shows how to run or open the application

• When: The application runs, and open the browser in the location

• Then: Is necessary to show the screen/page login (mockup)

NOTE:

• Not necessary any additional visual effect, or bd connections, or any other extra actions etc.

DOR:

• [ ] Definition of Ready :raising_hand: (dev team point estimated)

Mockup: Login

• Logo (any logo) 320px and 500px wide
• Fonts Arial 12
• We could use any frontend framework (Boostrap, Material-UI, Fundation etc.)
• We suggest use HTML only

[ivanchenoweth]

TECHNICAL TASKS

These are at least tasks splitting have to be included:

• [ ] Discus the solution with the team
• [ ] Create a unit tests
• [ ] Create a view
• [ ] Create a controller
• [ ] Code review Dev 1 approval (PR)
• [ ] Profiling (QA team)
• [ ] Create automated or/and functional tests (QA team)