Login Flow

[HarshGurnani]

Task

• Render the login page according to the Figma design (the first three screens labeled for login).
• When the user enters an email and password into the login page and clicks the Login button, the frontend should sign them in using Firebase
  • Proof of Concept: Call the Firebase API to sign in using the PAP dev email account (credentials in .env file) and receive an auth token (JWT)
  • Verify the auth token and determine the identity of the user who signed in
• After the user is signed into Firebase, the Firebase API will give them an auth token (JWT). The frontend will then send that auth token on future requests to our backend as a header, so our backend knows who they are. For now, just make sure this token is being received.

Extra Notes:

• Make sure to include the loading screen in between login and login successful pages (see Figma)
• Also, make sure that after closing the app and reopening it, the user is still logged in
• For now, you can test that it works correctly by making the home page just route to the login page, and once login is successful go to a dummy page that says “login successful!”
• The big gray circle is supposed to be a logo, for now just upload a gray image and call it "logo.png" or "logo.jpeg", later we'll change it to the actual logo when we get it from the client.

Resources:

• Firebase sign-in documentation
• Firebase verify token documentation
• React native firebase - should be already installed when running npm install, can use this link to access documentation
• Tutorial for React Native Firebase Authentication