User Login

[mraysu]

We want a login page for our admin portal. This page should be the redirect destination if any user without authorization attempts to access any page of the admin portal. Only by logging into this page can the user get authorization to access the admin portal.

Figma

Firebase can talk to us on both the backend and frontend. A feasible and safe pipeline would be to request login from firebase on the frontend, then use the returned UID to query data from the backend. The main benefit of logging in via the frontend is to invoke firebase session cookies (which most popular browsers support), and it is generally more secure as it means fewer private credentials we send over our own routes.

PIA login page example
Firebase Documentation

For your PR:

• Make sure firebase project is initialized
• Create the Login page
  • Create login form, validate login fields with comprehensive error messages
• Add login to firebase using form fields
• Create whatever routes needed to query user data from the backend