Skip to content
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
TypeScript CSS HTML JavaScript
Branch: master
Clone or download
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.
e2e
src
.angular-cli.json
.firebaserc
.gitignore
LICENSE
README.md
circle.yml
firebase.json
firebase.rules.json
karma.conf.js
package-lock.json
package.json
protractor.conf.js
sw-precache.config.js
tsconfig.json
tslint.json

README.md

CircleCI

Todo app with Angular, AngularFire2, and Firebase

A simple Todo app example built with Angular, Angular CLI and AngularFire2. The app features a Firebase backend with OAuth authentication. Try the demo at ng2-todo-app.firebaseapp.com.

Stack

  • Angular 4
  • Angular CLI
  • AngularFire2 4.0.0-rc.1
  • Firebase
  • RxJS
  • SASS
  • Typescript

Quick Start

Install Angular CLI

$ npm install -g @angular/cli

Clone the app, install package dependencies, and start the dev server @ localhost:4200

$ git clone https://github.com/r-park/todo-angular-firebase.git
$ cd todo-angular-firebase
$ npm install
$ npm start

Deploying to Firebase

Prerequisites

Configure this app with your project-specific details

Edit .firebaserc in the project root:

{
  "projects": {
    "default": "your-project-id"
  }
}

Edit the firebase configuration in src/environments/firebase.ts

export const firebaseConfig = {
  apiKey: 'your api key',
  authDomain: 'your-project-id.firebaseapp.com',
  databaseURL: 'https://your-project-id.firebaseio.com',
  storageBucket: 'your-project-id.appspot.com'
};

Install firebase-tools

$ npm install -g firebase-tools

Build and deploy the app

$ npm run build
$ firebase login
$ firebase use default
$ firebase deploy

Commands

Script Description
npm start Start development server @ localhost:4200
npm run build build the application to ./dist
npm run lint Lint .ts files
You can’t perform that action at this time.