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 |