Skip to content
A Vue.js and Cloud Firestore chat application.
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 initial commit Oct 6, 2017
config initial commit Oct 6, 2017
src added 2 images and updated readme Oct 8, 2017
static updated image to smear actual data Oct 8, 2017
.babelrc initial commit Oct 6, 2017
.editorconfig initial commit Oct 6, 2017
.gitignore added 2 images and updated readme Oct 8, 2017
.postcssrc.js initial commit Oct 6, 2017
README.md linked to proper image paths Oct 8, 2017
index.html initial commit Oct 6, 2017
package.json initial commit Oct 6, 2017

README.md

vue-firestore-chat

A Vue.js and Cloud Firestore chat application.

Firestore Setup

This app used Google firestore to save backend database.

To setup the same, follow these steps:

image

  • Click on Settings > Project Settings

  • Copy Project ID & API Key

image

  • Replace these values in src/firebase/config.js
const config = {
  apiKey: "xxxxxxxxxxxxxxxx-xxxxxxxxxxxxx",
  authDomain: "",
  databaseURL: "",
  projectId: "xxxxxxxxxxxxx",
  storageBucket: "",
  messagingSenderId: ""
};

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 detailed explanation on how things work, checkout the guide and docs for vue-loader.

You can’t perform that action at this time.