angularfire2 demo application showing the use cases of methods in angularfire2/auth, /database and /firestore, firebase storage
DEMO - angularfire2 demo-app
- Authentication
- Realtime Database
- Firestore (new)
- Storage
angularfire2/auth API Showcase, visit the repo for more details, authentication demo-app includes example code for firebase social media logins and email signin and signup and example code for managing users.
- Managing users
- Sign up social/email
- Sign in
- Sign out
Covers CRUD Operations in both List & Objects
angularfire2/database API Showcase, visit the repo for more details, realtime-database demo app includes example codes on how to write, read, update and delete documents in rt-db using lists and objects, visit demo-app for more info.
| Objects | Lists | |
|---|---|---|
| Create | set() / update() | push() |
| Read | valueChanges() | valueChanges(), snapshotChanges() |
| Update | set() / update() | set() / update() |
| Delete | remove() | remove() |
TODO
firebase Storage API Showcase, visit the repo for more details, firebase storage demo app includes example codes on how to upload, download and remove files in Storage, please visit demo-app for more info.
- Upload files
- Download files
- Remove files
git clone https://github.com/ElecTreeFrying/angularfire2-api-showcase.git angularfire2-democd angularfire2-demonpm install
Create an account firebase console.
-
Select Add Project
-
Select Authentications
-
Click copy WEB SETUP
-
Create the environment files below in
src/environments/.environment.prod.ts
export const environment = { production: true, firebaseConfig: { **WEB SETUP** } };environment.ts
export const environment = { production: false, firebaseConfig: { **WEB SETUP** } };
TODO
TODO
TODO