Skip to content
A Vue app displaying quotes from a Firebase Firestore database.
Vue JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
functions Update functions dependencies Nov 27, 2019
public Replace Palanquin by Proxima Nova Dec 9, 2018
src Fix date format when creating quotes Nov 27, 2019
tests/unit Fix tests and Prettier offenses Nov 27, 2019
.browserslistrc
.editorconfig Improve icons spacings Sep 5, 2018
.env.local.example Document project setup and requirements Nov 25, 2018
.eslintrc.js Basic configuration Sep 3, 2018
.gitignore Clean-up Dec 9, 2018
.nvmrc Downgrade Node to 10, latest supported by Firebase Nov 27, 2019
.postcssrc.js Setup basic unit tests Dec 8, 2018
README.md Document build & deployment for different targets Nov 27, 2019
babel.config.js Update dependencies and adapt code accordingly Nov 27, 2019
firebase.json Configure deployment script Sep 4, 2018
jest.config.js Fix tests and Prettier offenses Nov 27, 2019
package-lock.json Update dependencies and adapt code accordingly Nov 27, 2019
package.json
prettier.config.js
vue.config.js

README.md

Citations

A Vue app displaying quotes from a Firebase Firestore database.

Project setup

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.

Enable Authentication

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.

Enable Database

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.

Compiles and hot-reloads for development

npm start

Compiles and minifies for production

# 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

Lints and fixes files

npm run lint

Deploy

You need the Firebase cli installed (npm i -g firebase-tools).

⚠️ Don’t forget to build your app first, see above.

# Projects are defined in the `.firebaserc`

# Deploy the "default" project
firebase deploy

# Deploy the "prod" project
firebase -P prod deploy
You can’t perform that action at this time.