digit81 / angular-firestarter

Angular + Firebase Progressive Web App Starter

FireStarter

FireStarter is an Angular PWA powered by Firebase. It can serve as a foundation to learn this stack and roll out more complex features.

• Live Demo
• Lessons and Screencasts
• Join the Slack Team

Features

• Angular 6.x
• 100 PWA Lighthouse Score with NGSW
• Firebase Auth, Storage, and Cloud Firestore Demos
• Angular Universal Prerendered SSR (hosted on Firebase)

Usage

0. Install: npm install -g firebase-tools npm install -g @angular/cli npm install -g npm-check-updates

1. Run

• git clone https://github.com/codediodeio/angular-firestarter.git firestarter
• cd firestarter
• npm install

2. Create a project at https://firebase.google.com/ and grab your web config:

3. Add the config to your Angular environment

src/environments/environment.ts

export const environment = {
    production: false,
    firebase: {
        apiKey: 'APIKEY',
        authDomain: 'DEV-APP.firebaseapp.com',
        databaseURL: 'https://DEV-APP.firebaseio.com',
        projectId: 'DEV-APP',
        storageBucket: 'DEV-APP.appspot.com',
        messagingSenderId: '123456789'
    }
};

4. Open src/app/app.module.ts and replace the firebasePlaceholderConfig with your environment, i.e environment.firebase

5. And finally ng serve