Project-Based-10-24-vk / Client

0 stars 0 forks source link

Login with credentials #1

Open vlad-khrychov opened 1 week ago

vlad-khrychov commented 1 week ago

As a Registered User, I want to log in to the Space2Stude platform with credentials/Google account, so that I can enter my personal Tutor/Student cabinet

Precondition: The User is registered as a Student/Tutor.

Acceptance criteria:

  1. User Login block contains the following components: 1.1 The title (“Welcome back”). 1.2 Two inputs with the placeholder text:

    • the “Email *”;
    • the “Password *”. 1.3 The “Forgot Password?” button. 1.4 The “Login” button. 1.5 The text (“or continue”) below the “Login” button. 1.6 The “Sign in with Google” button. 1.7 Text (“Don’t have an account yet? Join us for free”) below the “Sign in with Google” button. The Mockup: Image
  2. Fields in Login block are mandatory to fill in. When a User clicks on a particular field, the placeholder text transfer to the transparent header.

  3. When a User provides valid data in the “Email ” and “Password ” inputs, the “Login” button becomes clickable, until that the “Login” button is inactivated.

  4. When a User clicks on the Image eye icon button, the eye icon button changes to Image, and the symbols in the password field become visible. Until that the visualization of provided symbols is in asterisks format.

  5. If a User provides an email that doesn’t match the Space2Study database, an error message (“User has not been found“) appears above the Login pop-up. If the entered password doesn’t match the registered email, the error message (“The password you entered is incorrect“) appears above the Login pop-up. The 'Password *' must be a maximum of 25 characters long, and entering more is not possible.

  6. If a User provides an email with invalid data, the error message and tooltip on hover ("Email should be in the following format: "local-part@domain.com") appear below the input. If a User leaves the "Email *" input empty, the error message ("This field cannot be empty") appears below in red, and the field border becomes red.

  7. When a User clicks the “Forgot password?” button, the Forgot password pop-up appears.

  8. When a User provides a registered email address and password and clicks the “Login” button, the system directs him/her to his/her personal Tutor/Student cabinet.

  9. When a User clicks on Google button (he/she wants to Log in with Google account) then he/she is provided to Google account page to choose an account which to log in with.

  10. The system remembers a User’s credentials after the first successful login.

  11. When a User clicks on the “Join us for free” button, the system closes the Log in pop-up and takes the User to the Guest’s home page “What can you do” block to choose a User role for signing up.

  12. The text “Join us for free” is underlined and highlighted.