SinghDigamber / angularfirebase-authentication

Learn to create complete Angular 16 Firebase authentication system from scratch, also protect routes using canActivate route guard.

Home Page:https://www.positronx.io/full-angular-firebase-authentication-system/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular 16 Authentication with Firebase

Learn to create full Firebase authentication system with Angular using AngularFire2 library.

Written Article

Full Angular 16 Firebase Authentication System

  • Sign in with username/password
  • Sign up with username/password
  • Recover forget password
  • Send verification mail to a newly created user
  • Prevent user to access app dashboard unless email is verified
  • Prevent user to access inner pages unless user is not logged In
  • Prevent user to access sign in and sign up components when a user is already logged in
  • Save user data to localstorage when user is logged in

If you love this project then show your love by simply sharing this repo with others and don't forget to put a GitHub star ⭐ ! Thanks 🙏

Installation Process

Run npm install --legacy-peer-deps to install all the required dependencies

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

About

Learn to create complete Angular 16 Firebase authentication system from scratch, also protect routes using canActivate route guard.

https://www.positronx.io/full-angular-firebase-authentication-system/


Languages

Language:TypeScript 50.4%Language:SCSS 26.3%Language:HTML 19.0%Language:JavaScript 4.2%