As a user, I want a simple way to sign in my account
Requirements
The Sign in page should:
be only accessible from the landing page
support:
classic registration (email, password)
Google Sign In
Apple Sign in (if not on an Android)
should offer a way to go back to the landing
What needs to be done
Create a sign_in view and view-model under src/authentication/sign_in
the view should have:
static const routeName = "/authentication/login"
a back button on the AppBar to go back to the landing page
an email field
a password field with a reveal (👁️) option
a Forgot password? text button under the password field
a Sign in button
two icons button:
one with G from Google
one with apple (🍎) from Apple (if not on Android)
the view-model should:
validate the email field content using regex
redirect to Glossary tab when any sign in with button or Sign in button are pressed
Note: landing and sign-in pages should be removed from the navigation history to avoid a user accidentally going there after entering the application
redirect to the landing if the back button is pressed
update the router to access new view when /authentication/login is called
Design
Wireframe
⚠️ Be reminded that this is a wireframe, it shows the minimum required to fulfill the task but you can be creative for the rest of the page
![image](https://github.com/RoadTripMoustache/kana_to_kanji/assets/22211097/8684d2e2-b3db-48a1-85c0-06ed329d4468)
As a user, I want a simple way to sign in my account
Requirements
The Sign in page should:
What needs to be done
sign_in
view and view-model undersrc/authentication/sign_in
static const routeName = "/authentication/login"
/authentication/login
is calledDesign
Wireframe
⚠️ Be reminded that this is a wireframe, it shows the minimum required to fulfill the task but you can be creative for the rest of the page ![image](https://github.com/RoadTripMoustache/kana_to_kanji/assets/22211097/8684d2e2-b3db-48a1-85c0-06ed329d4468)Dependencies
Child of #130
Depends on:
132
Dev notes