Skip to content

Learn to create complete Angular 13 Firebase authentication system tutorial from scratch. Learn how to setup sign In, sign up using custom email and password, social login provides such as Google and Facebook, protect routes using canActivate method.

Notifications You must be signed in to change notification settings

rnachane/angularfirebase-authentication

 
 

Repository files navigation

Angular 13 Authentication with Firebase

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

Written Article

Full Angular 13 Firebase Authentication System

  • Sign in with Google
  • 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 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 13 Firebase authentication system tutorial from scratch. Learn how to setup sign In, sign up using custom email and password, social login provides such as Google and Facebook, protect routes using canActivate method.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • TypeScript 50.2%
  • SCSS 25.5%
  • HTML 20.2%
  • JavaScript 4.1%