https://github.com/edocbuhtig/ionic-firebase-angular-crud
Ionic Firebase Authentication Starter - FREE starter app with Firebase Authentication and CRUD operations integrating Angular 11 with bonus (Skeleton) Loading Animation
https://github.com/edocbuhtig/ionic-firebase-angular-crud
angular firebase firebase-auth firebase-console firebase-realtime-database firestore-crud ionic-angular ionic-firebase ionic-firebase-crud ionic-framework ionic-skeleton ionic5-demo
Last synced: 20 days ago
JSON representation
Ionic Firebase Authentication Starter - FREE starter app with Firebase Authentication and CRUD operations integrating Angular 11 with bonus (Skeleton) Loading Animation
- Host: GitHub
- URL: https://github.com/edocbuhtig/ionic-firebase-angular-crud
- Owner: edocbuhtig
- Created: 2020-07-19T10:45:30.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-07-22T16:41:04.000Z (almost 4 years ago)
- Last Synced: 2025-04-30T15:18:52.098Z (20 days ago)
- Topics: angular, firebase, firebase-auth, firebase-console, firebase-realtime-database, firestore-crud, ionic-angular, ionic-firebase, ionic-firebase-crud, ionic-framework, ionic-skeleton, ionic5-demo
- Language: TypeScript
- Homepage:
- Size: 201 KB
- Stars: 4
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Ionic Firebase Authentication
### Demo
[Ionic Firebase Authentication & CRUD](https://www.youtube.com/watch?v=N23yDIQlzVI&feature=youtu.be)
### Setup Firebase/Firestore (Free Spark plan)
- From Firebase console enable Email & Password Authentication
- If you are using Firestore for the first time, initialize the database once going to firestore database dashboard
- Go to database (Rules) tab and allow read, write for all users, only for this CRUD app testing, not recommended for production apps.
### Create a new app in Firebase console
- After creating a new web app, you can copy the firebase project config details as below, and replace with /src/app/enviornment.ts
```
{
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: ""
}
```
### Install Angular Firebase/Firestore Official (NPM) Library
```
ng add @angular/fire
```