An opinionated example for firebase & cloud firestore integration:
Please note, that in order for this repo to work you must register a new project in the firebase console, and then follow the instructions in the repo to add Quasar's DotEnv app extension, and create your .env files accordingly.
If you do not register a project and implement your key you will see the index page render, but all subsequent functionality will not work and you will see an error in the console
Clone this repo:
$ git clone https://github.com/kpapro/quasar-firebase-firestore.git
$ cd quasar-firebase-firestore
$ yarn
The application should launch on localhost:8080, and from there just start following the instructions. If you're mostly familiar with Quasar & Firebase, just be sure to follow the instructions in the firebase setup for the use of the new Quasar app extension so you can implement your .env file with your Firebase API keys properly. Then after that feel free to poke around. Again, this is a WIP so there will be some discrepancies. I'll keep updating this over the next week.
Features for this repo include:
- Connection to Firebase SDK (completed)
- Use of route guards to prevent unauthorized users to protected routes (completed)
- App initialization from firebase onAuthStateChanged method to allow for the authorized user object to complete before rendering protected routes (completed)
- Component renderings based on authorized users (completed)
- Connection for Cloud Firestore (completed)
- Implementation of Vuefire bindings (completed)
- Use of Quasar App Extension for firebase config -- DotEnv (completed)
- Data Table with expansion item fields, and CRUD operations on our data (WIP)
- Quasar App Extension (WIP)
- e2e testing via cypress (WIP)
- Unit testing via jest (WIP)