Vue Firebase Startup Kit

Overview

This is a template repository, which would help any level of developers to quickly start to develop a web application using Firebase as a backand and Vue as a front-end.

In addition to Firebase and Vue, we have chosen Buefy as the UI library.

Quick Start Guide

Requirements:

A Google account
An account on Github
A development machine (MacOS machine is recommanded)
A source code editor (Microsoft Visual Studio Code is recommanded)
npm
Firebase Tools (run "npm install -g firebase-tools")

Steps:

Fork this repository (on github)
"git clone" that repository
Create your own project in Firebase console, then create a Web App and Firestore and enable Email authentication.
Create your own project.ts at src/config directory by copy & paset firbaseConfig from Firebase console, and add export it, wihch should look like this.

export const firebaseConfig = {
  apiKey: "AIzaSyDz2zsrTAb3Tq8-2qxvdMf0t2kkCaqpuK0",
  authDomain: "vue-firebase-kit.firebaseapp.com",
  databaseURL: "https://vue-firebase-kit.firebaseio.com",
  projectId: "vue-firebase-kit",
  storageBucket: "vue-firebase-kit.appspot.com",
  messagingSenderId: "267570366791",
  appId: "1:267570366791:web:cb1a0179314fd9da3ee462"
};

Create .firebaserc file based on your firebase project name, which looks like this:

{
  "projects": {
    "default": "your-own-firebase-project-name"
  }
}

run "firebase login" to login to your Google account
run "npm install" to install required node modules
run "npm run serve" to run it locally for development
open "http://localhost:8080" on your browser

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

naoyanickf / vue-firebase-startup-kit