Vue + Vuetifyjs + Firebase project

A Vue.js project using Firebase + vuetifyjs

The App

(simple app with Sigin, Signup page and Dashboard page)

How to set up Firabase Configuration?

1. First create account - firebase.google.com
2. Go to folder src/helpers/

src
|
|-helpers
  |
  firebaseConfig.js

3. and edit file "firebaseConfig.js" Edit this fields: API_KEY, AUTH_DOMAIN, DATA_BASE_URL, PROJECT_ID, STORAGE_BUCKET with your firebase Configuration

// firebase configurations
export const firebaseConfig = {
  apiKey: 'API_KEY',
  authDomain: 'AUTH_DOMAIN',
  databaseURL: 'DATA_BASE_URL',
  projectId: 'PROJECT_ID',
  storageBucket: 'STORAGE_BUCKET'
}

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Get to know me

I am Janis, designer and I love front-end web development alos photography.

Twitter , Unsplash