Sample Tiny Application Built With Vue and Firebase
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.
build
config
functions
src
static
.babelrc
.editorconfig
.firebaserc
.gitignore
.postcssrc.js
README.md
firebase.json
firestore.indexes.json
firestore.rules
index.html
package-lock.json
package.json
screenshot1.png
screenshot2.png

README.md

Bulletin Board Sample Application Built With Firebase And Vue.js

Demo

https://fir-sample-e480e.firebaseapp.com/#/

Screenshots

alt text alt text

Build Setup

npm install

# install dependencies
npm install

deploy firebase function

cd functions

# install dependencies
npm install

# deploy functions
firebase login
firebase deploy --only functions

Change Config

Open src/config/dev.config.js and change '*****' information for your App.

export default {
  firebase: {
    apiKey: '*****',
    authDomain: '*****',
    databaseURL: '*****',
    projectId: '*****',
    storageBucket: '*****',
    messagingSenderId: '*****',
  },
  endpoints: {
    createThread: 'https://*****/CreateThread',
    addComment: 'https://*****/AddComment',
  },
}

Run on Local PC

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

Deploy

# build for production with minification
npm run build

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

# deploy
firebase login
firebase deploy