in

A basic Vue.js dashboard template integrated with Firebase Auth and build with Vue Material


A basic Vue.js dashboard template integrated with Firebase Auth and build with Vue Material.

This dashboard has protected pages accessible only after user login.

You can also choose between light or dark theme through a switch
Home

Integration with your Firebase

This dashboard is fully integrated with Firebase Auth.
You only need to register a new web application inside your Firebase project.
Remember that you need to enable Email/Password sign-in inside the Firebase console in the Auth section.

After that, copy your Firebase SDK configuration inside src/firebase/credentials.js

Or make .env secret file inside the project root and copy your credentials like that:

VUE_APP_FIREBASE_API_KEY=api-key
VUE_APP_FIREBASE_AUTH_DOMAIN=project-id.firebaseapp.com
VUE_APP_FIREBASE_DB_URL=https://project-id.firebaseio.com
VUE_APP_FIREBASE_PROJECT_ID=project-id
VUE_APP_FIREBASE_STORAGE_BUCKET=project-id.appspot.com
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=sender-id
VUE_APP_FIREBASE_APP_ID=app-id
Login
Account

Extend project

To add other Firebase module in you project open src/firebase/index.js file, add the module that you need and export modules like FirebaseAuth.

import firebase from 'firebase/app';
import 'firebase/auth';

import firebaseCredentials from './credentials';
firebase.initializeApp(firebaseCredentials.config);

const FirebaseAuth = firebase.auth();

export {
    FirebaseAuth
}

To import in yours Vue module use:

import {FirebaseAuth} from "your-path/firebase";

Project setup

You need node to build and run this application.

To install all dependencies run in your terminal this command:

Compiles and hot-reloads for development

Compiles and minifies for production

Lints and fixes files

Customize configuration

See Configuration Reference.

GitHub

View Github


How to upload a JSON that includes an image file to a Spring Boot Rest API

How to solve Euclidian program in python?