ita-social-projects / ita-social-projects/SpaceToStudy-Client

Registered User Log in with credentials

Open
#32 0 comments 0 reactions 1 assignee Claimed by @yaremaohorchak View on GitHub
User Story
Dominant language
TypeScript
Stars
24
Forks
15
PR merge metrics
No merged PRs in 30d

Description

As a Registered user I want to Log In to the Space2Stude platform with credentials or with Google account, so that I can enter my personal Mentor/Student home page.

Precondition: Log in popup appeared

Acceptance Criteria:
1. User [Log In block](https://www.figma.com/file/7yGSlJxxF3a6eqbvCv5bBd/Space2Study-%2F-Dev_Handoff?node-id=442%3A25036) contains the following components:
- Title “З поверненням”, “Welcome back”
- Two fields with transparent headers:
- “Email*”
- “Пароль*”, “Password*”
- “Запам’ятати мене”, ”Remember me” icon
- Text “Забули пароль?”, “Forgot Password?”
- “Увійти”, “Log In” button
- The text below “Log in” button “або продовжіть з”,”or continue with”
- “Google” button
- Text below the "Google" button: “Ще не маєте
облікового запису Space2Study? Приєднайтесь до нас безкоштовно”, “Don’t have a Space2Study account yet? Join us for free ”.
2. Fields in Log In block are obligatory to fill in. When a User clicks on the particular field then the transparent header disappears.
3. When a User provides his/her registered email and password then he/she can click on the “Log in” button, until that the “Log in” button is unclickable.
4. When a User clicks on the eye icon ![Picture1](https://user-images.githubusercontent.com/95919702/151533041-d45d16e3-68f8-4065-ba76-75ca3ce0247a.png) then provided symbols in password field become visible. Until that the visualization of provided symbols is in format ********.
5. When a user provided email and password and clicked Log in button then the system verifies a user.
6. When a User provides an email or a password that doesn’t match an email or a password in Space2Study database, didn't provide any data in email or password field and clicked Log in button, then the email and password fields become highlighted and the following massage below the title appears: “Please enter a correct username and password”, “Будьласка введіть вірне ім’я користувача та пароль”.
7. When a User provided correct user name and password then he can log in. When a User clicks on “Log in” button then the system provides him/her to his/her personal Mentor/Student cabinet.
8. When a User clicks on Google button (he/she wants to Log in with Google account) then he/she is provided to https://accounts.google.com/ page to chose an account which to Log in with.
9. When a User marks the ”Remember me” icon ![Picture2](https://user-images.githubusercontent.com/95919702/151533115-3c64f182-9b70-451d-ab89-5f58d56f5d09.png) then the icon becomes marked ![Picture3](https://user-images.githubusercontent.com/95919702/151533172-aeab54a7-63f8-4874-bd95-f61de96ca05d.png) and the system remembers his/her credentials after the first proper Log in.
10. When a User clicks on the text “Join us for free” then the system closes Log in popup and provides a User to the second home page block to chose a User role in which to Sign up.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.