Vue Firebase Panel App

Firebase Admin Panel using Vue.js (vuex, vuetify, vuefire)


  • Dark / Light Theme
  • Vuetify Material Design
  • Vuex State Management
  • Firebase CRUD Operations
  • Firebase Cloud Firestore, Storage and Authentication synced



Firebase Customization

Enter your project configuration settings in src/main.js

const configOptions = {
  apiKey: "API_KEY",
  authDomain: "AUTH_DOMAIN",
  databaseURL: "DATABASE_URL",
  projectId: "PROJECT_ID",
  storageBucket: "STORAGE_BUCKET",
  messagingSenderId: "MESSAGING_SENDER_ID",
  appId: "APP_ID"

Project setup

npm install

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.


View Github