Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vic-cieslak/quasar2-firebase-auth
Boilerplate project for Quasar 2 implementing Firebase Auth and Storage.
https://github.com/vic-cieslak/quasar2-firebase-auth
Last synced: about 2 months ago
JSON representation
Boilerplate project for Quasar 2 implementing Firebase Auth and Storage.
- Host: GitHub
- URL: https://github.com/vic-cieslak/quasar2-firebase-auth
- Owner: vic-cieslak
- Created: 2021-08-11T12:57:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-30T13:26:24.000Z (about 3 years ago)
- Last Synced: 2024-06-13T11:56:33.849Z (5 months ago)
- Language: Vue
- Homepage:
- Size: 392 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- quasar-awesome - github - clarke-616008.netlify.app/#/) | Email/google sign in, user profiles, password resets, photo uploads to Google Firebase | v2.0.3 | (Awesome Quasar [](https://github.com/sindresorhus/awesome) / Tutorials)
README
# 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
```bash
yarn
```
## Create new project on firebase and go to console. Then:
1. Enable auth (for email, maybe facebook/google if I managed to implement it already).
2. Create storage with rules (for photos).
3. 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.)
```bash
QENV=DEV quasar dev
```
### Build the app for production
```bash
QENV=PROD quasar build
```
### Customize the configuration
See [Configuring quasar.conf.js](https://v2.quasar.dev/quasar-cli/quasar-conf-js).