A Vue app displaying quotes from a Firebase Firestore database.
After cloning the repository, run the following command within the project folder to install dependencies:
npm install
While it installs, duplicate the file .env.local.example
as .env.local
:
cp .env.local.example .env.local
Then edit this file and add at least your Firebase project ID and API key. If you don’t have those already, go to firebase.google.com, create an account and then create a project. The credentials can be found in the project settings.
In your Firebase console, you need to enable at least one authentication method for your project to be able to sign in within the app.
Disclaimer: the app was designed and tested only with Google authentication.
This app use the “Cloud Firestore” database to store the quotes, ensure it’s enabled in your Firebase console for your project.
You are free to configure the access rules as you whish, but if you are too restrictive you might not be able to read/write from the app. Check your browser console for potential denied access errors.
You don’t have to setup any database collection manually, they will be created when you add the first quote from the app.
npm start
# Build for production
npm run build
# Build with "dev" environment variables (defined in .env.dev.local)
# See https://cli.vuejs.org/guide/mode-and-env.html
npm run build -- --mode dev
npm run lint
You need the Firebase cli installed (npm i -g firebase-tools
).
# Projects are defined in the `.firebaserc`
# Deploy the "default" project
firebase deploy
# Deploy the "prod" project
firebase -P prod deploy