Todo app with Angular2, AngularFire2, and Firebase

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

• Angular2 2.0.0-beta.13
• AngularFire2 2.0.0-alpha.13
• Firebase
  • JSON Datastore
  • OAuth authentication with GitHub, Google, and Twitter
  • Hosting
• Gulp
• RxJS
• SASS
• Typescript
• Webpack
  • Inlines external SCSS files
  • Inlines external HTML templates
  • Bundles and minifies release builds
  • Injects style and script tags into index.html

Quick Start

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

Developing

Prerequisites

• node >=5.2

Installing Global Dependencies

$ npm install -g karma-cli

Webpack (optional)

$ npm install -g webpack
$ npm install -g webpack-dev-server

Gulp v4 (optional)

$ npm install -g gulpjs/gulp-cli#4.0

The gulp tasks for this project require gulp v4-alpha. If you don't wish to globally install the v4 gulp-cli, you can run the gulp tasks using the locally installed gulp under ./node_modules/.bin — for example:

$ ./node_modules/.bin/gulp run

Installing Project-local Dependencies

$ npm install

Commands

Develop

$ gulp

or

$ npm start

• Start the Webpack dev server at localhost:3000
• Watch for changes to your source files
• Live-reload the browser

Lint (tslint)

$ gulp lint

Test (single-run)

$ gulp test

Test (watch mode)

$ gulp test.watch

Dist build

$ gulp dist

Executes the following:

• gulp lint
• gulp test
• gulp build

BrowserSync server

$ gulp dist
$ gulp serve

• Serves the dist build from the /target directory