A sample app for Angular routes protection using canActivate guard method with Firebase real-time database
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.



A sample app for Angular routes protection using canActivate route guard method with Firebase real-time database. Checkout the demo https://angular-firebase-route-guard.firebaseapp.com

Step by step article Protect Angular 2 Routes with canActivate Guard for Firebase Users

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.


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.