This project was bootstrapped with Create React App.

React Authentication w/ Firebase

Project Demo

What was achieved in this excersise project:

  • Created React application from scratch
  • Used React Router
    • Created nested, public and protected by authentication routes
    • Used loader while waiting to check if the user is authorized to see the page on load/reload
    • Created layouts for different sets of routes
  • Used Firebase for authentication and registration purposes
    • Created Firebase protected users as well as custom users collection and linking them together to work in sync
    • Updating the users information and password
    • Listing users and identifying the currently logged in user
  • Managed the architecture of the application and the components
  • Used Formik to easily create and validate forms
  • Used and practiced CSS modules as well as Styled Components
  • Created a component for toast messages from scratch that you can call from anywhere from the app
    • Created a Medium post about the toast notificaiton component