Skip to content

cnbc/angular-firestarter

 
 

Repository files navigation

Slack

License: MIT

FireStarter - Angular + Firebase Progressive Web App

FireStarter is designed to handle the basic features required by most Angular Firebase apps. It can serve as a foundation to learn this stack and roll out more complex features.

Features

  • Angular 4.4 + AngularFire5
  • 100 PWA Lighthouse Score
  • Firebase Authentication w/ Router Guard
  • Firestore Database CRUD Demo
  • Realtime Database CRUD Demo
  • File Uploads to Firebase Storage Demo
  • SASS + Bulma + FontAwesome

Usage

Create an account at https://firebase.google.com/

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

Create the environment files below in src/environments/.

environment.ts

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

environment.prod.ts

export const environment = {
    production: true,
    firebaseConfig: {
        // same as above, or use a different firebase project to isolate environments
    }
};

And finally ng serve

Apps Using FireStarter in Production

About

Angular + Firebase Progressive Web App Starter

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 64.6%
  • HTML 24.3%
  • CSS 8.4%
  • JavaScript 2.7%