Awesome
Quasar 2 Firebase Auth and Storage Boilerplate
Boilerplate / project starter.
Live demo: https://xenodochial-clarke-616008.netlify.app
Quasar 2.0 integration with firebase auth and storage (user profiles/photo upload/login/register/password reset).
This is code from https://github.com/quasarframework/firebase-sample-apps adapted for Quasar 2.0.3 and Vue 3.
For information how all parts work together check out --> https://dev.to/quasar/to-the-stars-with-quasar-firebase-initial-service-structure-1fcf
If you already know what you are doing and just want to jump into extending it / adding new screens:
Install the dependencies
yarn
Create new project on firebase and go to console. Then:
- Enable auth (for email, maybe facebook/google if I managed to implement it already).
- Create storage with rules (for photos).
- Create firestore database.
For more information check -> https://dev.to/quasar/to-the-stars-with-quasar-firebase-initial-service-structure-1fcf
Add your firebase API keys to .env.
Example what you will need:
# DEV_DATA_BASE_URL=https://quasar-firebase-161e8.firebaseio.com
DEV_API_KEY=AIzaSyDFu_nBypKQkSadsada110CrNfqST4bM
DEV_AUTH_DOMAIN=casting-165e8.firebaseapp.com
DEV_PROJECT_ID=casting-165e8
DEV_STORAGE_BUCKET=casting-165e8.appspot.com
DEV_MESSAGING_SENDER_ID=836951443352
DEV_APP_ID=1:836933443352:web:0bd129c935bc9f0d886d
DEV_MEASUREMENT_ID=G-5FAS5LZ9W5
Start the app in development mode (hot-code reloading, error reporting, etc.)
QENV=DEV quasar dev
Build the app for production
QENV=PROD quasar build