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.
- Angular 4
- Angular CLI
- AngularFire2
4.0.0-rc.1
- Firebase
- RxJS
- SASS
- Typescript
$ npm install -g @angular/cli
$ git clone https://github.com/r-park/todo-angular-firebase.git $ cd todo-angular-firebase $ npm install $ npm start
- Create a free Firebase account at https://firebase.google.com
- Create a project from your Firebase account console
- Configure the authentication providers for your Firebase project from your Firebase account console
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' };
$ npm install -g firebase-tools
$ npm run build $ firebase login $ firebase use default $ firebase deploy
Script | Description |
---|---|
npm start | Start development server @ localhost:4200 |
npm run build | build the application to ./dist |
npm run lint | Lint .ts files |