A simple Todo app example built with Angular 2. The app features a Firebase backend with OAuth authentication, and an immutable task list. Try the demo at ng2-todo-app.firebaseapp.com, and check out the webpack seed this project is based on.
- Angular
2.0.0-beta.0
- Firebase
- JSON Datastore
- OAuth authentication with GitHub, Google, and Twitter
- Hosting
- Gulp
4.0.0-alpha.2
- Immutable
- RxJS
5.0.0-beta.0
- SASS
- Typescript
~1.7.5
- Webpack
- Inlines external SCSS files
- Inlines external HTML templates
- Bundles and minifies release builds
- Injects style and script tags into index.html
$ git clone https://github.com/r-park/todo-angular2-firebase.git
$ cd todo-angular2-firebase
$ npm install
$ ./node_modules/.bin/gulp
node >=4.2
$ npm install -g karma-cli
$ npm install -g webpack
$ npm install -g webpack-dev-server
$ 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
$ npm install
$ gulp
- Start the Webpack dev server at localhost:3000
- Watch for changes to your source files
- Live-reload the browser
$ gulp lint
$ gulp test
$ gulp test.watch
$ gulp build
$ gulp dist
Executes the following:
gulp lint
gulp test
gulp build