Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/r-park/todo-angular-firebase
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
https://github.com/r-park/todo-angular-firebase
angular angular-cli angular4 angularfire2 aot firebase oauth offline sw-precache
Last synced: 29 days ago
JSON representation
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
- Host: GitHub
- URL: https://github.com/r-park/todo-angular-firebase
- Owner: r-park
- License: mit
- Created: 2015-10-01T01:39:45.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-09T06:41:53.000Z (over 7 years ago)
- Last Synced: 2024-09-27T17:20:51.670Z (about 1 month ago)
- Topics: angular, angular-cli, angular4, angularfire2, aot, firebase, oauth, offline, sw-precache
- Language: TypeScript
- Homepage: https://ng2-todo-app.firebaseapp.com
- Size: 895 KB
- Stars: 500
- Watchers: 53
- Forks: 184
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://circleci.com/gh/r-park/todo-angular-firebase)
# 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
```shell
$ npm install -g @angular/cli
```
#### Clone the app, install package dependencies, and start the dev server @ `localhost:4200`
```shell
$ git clone https://github.com/r-park/todo-angular-firebase.git
$ cd todo-angular-firebase
$ npm install
$ npm start
```
## Deploying to Firebase
#### Prerequisites
- Create a free Firebase account at https://firebase.google.com
- Create a project from your [Firebase account console](https://console.firebase.google.com)
- Configure the authentication providers for your Firebase project from your Firebase account console
#### Configure this app with your project-specific details
Edit `.firebaserc` in the project root:
```json
{
"projects": {
"default": "your-project-id"
}
}
```
Edit the firebase configuration in `src/environments/firebase.ts`
```typescript
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
```shell
$ npm install -g firebase-tools
```
#### Build and deploy the app
```shell
$ 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|