Skip to content
⚓️ 🔥 Angular + Firebase Progressive Web App Starter
Branch: master
Clone or download
Pull request Compare This branch is even with codediodeio:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
cypress
functions
src
.angulardoc.json
.editorconfig
.firebaserc
.gitignore
README.md
angular.json
cypress.json
firebase.json
ngsw-config.json
package-lock.json
package.json
tsconfig.json
tslint.json
webpack.prerender.config.js

README.md

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.

Features

  • Angular 7.x
  • 100 PWA Lighthouse Score with NGSW
  • Firebase Auth, Storage, and Cloud Firestore Demos
  • Angular Universal Prerendered SSR (deployed to Firebase Static Hosting)
  • End-to-End Testing with Cypress.io
  • Continuous Integration with CircleCI

Usage

  1. Run
  • git clone https://github.com/codediodeio/angular-firestarter.git firestarter
  • cd firestarter
  • npm install
  1. Create a project at https://firebase.google.com/ and grab your web config:

  1. 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'
  }
};
  1. Open src/app/app.module.ts and replace the firebasePlaceholderConfig with your environment, i.e environment.firebase

  2. And finally ng serve

You can’t perform that action at this time.