Skip to content
An opinionated example for firebase and cloud firestore implementation (WIP)
Vue JavaScript CSS HTML
Branch: master
Clone or download
adamkpurdy Merge pull request #17 from RohanTalip/patch-1
Updated README.md - fixed another typo
Latest commit 84701c5 Jul 23, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Update FirebaseSetup.vue Jul 22, 2019
.editorconfig Quasar v1-beta Firebase Implementation Feb 17, 2019
.eslintignore
.eslintrc.js Quasar v1-beta Firebase Implementation Feb 17, 2019
.gitignore Updates Feb 19, 2019
.postcssrc.js Quasar v1-beta Firebase Implementation Feb 17, 2019
.stylintrc Quasar v1-beta Firebase Implementation Feb 17, 2019
LICENSE Create LICENSE Feb 19, 2019
README.md Updated README.md - fixed another typo Jul 23, 2019
babel.config.js Quasar v1-beta Firebase Implementation Feb 17, 2019
package.json Updates Jul 20, 2019
quasar.conf.js Update quasar.conf.js Jun 2, 2019
quasar.extensions.json Updates Feb 19, 2019
yarn.lock Lint Jul 20, 2019

README.md

Sample Quasar Application v1-beta Firebase & Firestore (WIP)

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)
You can’t perform that action at this time.