vue-vuetifyjs-firebase
Vue + Vuetifyjs + Firebase project
A Vue.js project using Firebase + vuetifyjs
The App
(simple app with Sigin, Signup page and Dashboard page)
How to set up Firabase Configuration?
- First create account - firebase.google.com
- Go to folder src/helpers/
src
|
|-helpers
|
firebaseConfig.js
- and edit file "firebaseConfig.js"
Edit this fields:
API_KEY, AUTH_DOMAIN, DATA_BASE_URL,
PROJECT_ID, STORAGE_BUCKET
with your firebase Configuration
// firebase configurations
export const firebaseConfig = {
apiKey: 'API_KEY',
authDomain: 'AUTH_DOMAIN',
databaseURL: 'DATA_BASE_URL',
projectId: 'PROJECT_ID',
storageBucket: 'STORAGE_BUCKET'
}
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 a detailed explanation on how things work, check out the guide and docs for vue-loader.
Get to know me
I am Janis, designer and I love front-end web development alos photography.
Dependencies
autoprefixer: ^7.1.2babel-core: ^6.22.1babel-eslint: ^7.1.1babel-helper-vue-jsx-merge-props: ^2.0.3babel-loader: ^7.1.1babel-plugin-syntax-jsx: ^6.18.0babel-plugin-transform-runtime: ^6.22.0babel-plugin-transform-vue-jsx: ^3.5.0babel-preset-env: ^1.3.2babel-preset-stage-2: ^6.22.0chalk: ^2.0.1copy-webpack-plugin: ^4.0.1css-loader: ^0.28.0eslint: ^3.19.0eslint-config-standard: ^10.2.1eslint-friendly-formatter: ^3.0.0eslint-loader: ^1.7.1eslint-plugin-html: ^3.0.0eslint-plugin-import: ^2.7.0eslint-plugin-node: ^5.2.0eslint-plugin-promise: ^3.4.0eslint-plugin-standard: ^3.0.1extract-text-webpack-plugin: ^3.0.0file-loader: ^1.1.4friendly-errors-webpack-plugin: ^1.6.1html-webpack-plugin: ^2.30.1node-notifier: ^5.1.2optimize-css-assets-webpack-plugin: ^3.2.0ora: ^1.2.0portfinder: ^1.0.13postcss-import: ^11.0.0postcss-loader: ^2.0.8postcss-url: ^7.2.1rimraf: ^2.6.0semver: ^5.3.0shelljs: ^0.7.6uglifyjs-webpack-plugin: ^1.1.1url-loader: ^0.5.8vue-loader: ^13.3.0vue-style-loader: ^3.0.1vue-template-compiler: ^2.5.2webpack: ^3.6.0webpack-bundle-analyzer: ^2.9.0webpack-dev-server: ^2.9.1webpack-merge: ^4.1.0