[Feat]: Login Screen

[hectoritr]

Contact Details

No response

What is this about?

As a user, I want to log in or Sign-up using Google, Facebook, or another Auth Provider chosen by OTTAA So that it's easy for me to have an account on the app.

As a developer, using Google or Facebook gives us a good account with already filled-in user data to use for customization.

Action Plan

• [x] splashScreen
• [x] onboarding1Screen
• [x] onboarding2Screen
• [x] onboarding3Screen
• [x] signInScreen
• [x] googleSignInScreen
• [x] termConditionScreen
• [x] loginWaitScreen

Action Plan Tablet

• [x] signInScreenTablet
• [x] googleSignInScreenTablet
• [x] termConditionScreenTablet

splashScreen It's the first screen the users see that should display an animated Logo of OTTAA and a Hello. We can display Hello in many languages like Apple and at the end the Hello picto.

onboarding1Screen A set of 3 screens or one screen with a page view, should display the images and text stated on each one. For text look it up in Crowdin.

onboarding2Screen A set of 3 screens or one screen with a page view, should display the images and text stated on each one. For text look it up in Crowdin.

onboarding3Screen A set of 3 screens or one screen with a page view, should display the images and text stated on each one. For text look it up in Crowdin.

signInScreen A screen to display the Sign In methods, for now we will have only Google if the user is already logged in should go to profileMainScreen of userMainScreen.

googleSignInScreen display all Google account picker in this screen, if it pop on top of the other use that instead of this.

termConditionScreen Display the Toast to accept the Terms&Condition. Add a link to the term%condition in that text.

loginWaitScreen If some information is needed use this screen to retrieve that information.

Where do you want to see this implemented?

Chrome (WebApp), Android, iOS

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[hectoritr]

Design is done.

[hectoritr]

@emirchus remove the Facebook Login button

[hectoritr]

• [x] Everytime I login I have to do the onboard and choose the user type. Store this and jump to profileMainScreen

[emirchus]

i got it

[hectoritr]

Final changes @asimjawad I think you can resolve this quite quickly:

• [x] Remove Button "Don't have an account? Sign up here"
• [x] First screens (Splash, Login, Terms & conditions) are in English when the device is in Spanish.
• [x] Is not showing the onboarding steps, goes straight to profileMainScreen

[hectoritr]

@emirchus Splash Login and Terms & Conditions are still in English in a fresh start.

[hectoritr]

All done!