Here is a fine To DO app built with
Angular v9 framework and backend in
Firebase
with
OAuthauthentication and database.
| |
|
Try the demo at https://todo-in-fire.web.app/.
- Angular 9, CLI, AngularFire2
- Firebase
- RxJS
- SASS
- Typescript
$ git clone https://github.com/hamada-j/ToDO.git
$ cd ToDO
$ npm install
$ npm start
- Create a free Firebase account at https://firebase.google.com
- Create a project from your Firebase account console
- Enable authentication providers for your Firebase project.
- Create a Database in Firebase project.
Edit .firebaserc
in the project root:
{
"projects": {
"default": "id_of_your_project"
}
}
Edit the firebase configuration in src/environments
with specific info from Firebase
export const environment = {
production: true,
firebase: {
apiKey: "XXXXXXXX",
authDomain: "todo-in-fire.XXXXX.com",
databaseURL: "https://todo-in-fire.XXXX.com",
projectId: "todo-in-fire",
storageBucket: "todo-in-fire.XXXX.com",
messagingSenderId: "XXXX",
appId: "XXXXX",
measurementId: "XXXXX",
},
};
$ npm install -g firebase-tools
$ npm run build
$ firebase login
$ firebase init
$ --->select hosting<---
$ --->dist<---
$ No ---> single page
$ No ---> overwrite index.html
$ firebase deploy