m-hossameldine / auth-in-react-p01

Authentication Flow in React

Demo site is here: User Auth Flow

Table of Contents

• About
• Build Setup
• Must-Read Notes
• Built Using
• TODO
• Acknowledgements

About

This demo project aims to practice on Authentication in React

The demo comprehend the most essential authentication features:

• User Sign up & Login
• Tokens & protected resources
• Redirecting the User
• Presisting user authentication status (Local Storage) and Auto-Logout

Build Setup

  # install dependencies
  $ npm install

  # serve with hot reload at localhost:3000
  $ npm start

  # build for production and launch server
  $ npm run build

Must-Read Notes <a name="must_read_notes>

• The APIs in this demo are customized for Firebase.
• An API_KEY must be provided at src/constants/api. I am using my own Firebase project API_kEY, so you should replace it with yours.
• For More information about [Firebase API_KEYS] (https://firebase.google.com/docs/projects/api-keys)

Built Using

Client-Side

• ReactJs - Web FrameWork
• React Router Dom v.5 DOM binding for React Router

Server-Side (Database & Authentication)

Firebase - Google-Backed application development software

• Firebase Auth REST API - Back-End Authentication
• Firebase Realtime Database.

TODO

• Add a new branch and practice on presisting user Authentication status using Cookies.
• Add User Validation for the client-side.

Acknowledgements

This demo was implemented as a part of React - The Compolete Guide by Maximilian Schwarzmüller.