Skip to content

Learn to create complete Angular 7 Firebase 5 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

sukumardhoni/angularfirebase-authentication

Repository files navigation

Angular7 Authentication with Firebase5

Learn to create full Firebase authentication system with Angular7 using AngularFire2 library. Checkout the demo https://angularfirebase-auth.firebaseapp.com

Step by step article on Full Angular 7 Firebase Authentication System

  • Sign in with Google
  • Sign in with Facebook
  • 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 🙏

Technologies used

  • Node 8.11.1
  • Angular CLI 7.0.7
  • Angular 7.0.7
  • Firebase 5.7.0
  • RxJS 6.3.3
  • Typescript 3.1.6

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

About

Learn to create complete Angular 7 Firebase 5 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

No packages published