Building Your first vue.js and firebase Web App [ Part -1]

A Simple way to get started with the simplest Javascript library as a novice and simplest real-time database “firebase”.

Introduction to Vue.js

Introduction to Firebase

SetUp : Vue.js

Using Vue-cli

when you run the command ( vue init)

Project Structure

.
├── build/ # webpack config files
│ └── ...
├── config/
│ ├── index.js # main project config
│ └── ...
├── src/
│ ├── main.js # app entry file
│ ├── App.vue # main app component
│ ├── components/ # ui components
│ │ └── ...
│ └── assets/ # module assets (processed by webpack)
│ └── ...
├── static/ # pure static assets (directly copied)
├── test/
│ └── unit/ # unit tests
│ │ ├── specs/ # test spec files
│ │ ├── index.js # test build entry file
│ │ └── karma.conf.js # test runner config file
│ └── e2e/ # e2e tests
│ │ ├── specs/ # test spec files
│ │ ├── custom-assertions/ # custom assertions for e2e tests
│ │ ├── runner.js # test runner script
│ │ └── nightwatch.conf.js # test runner config file
├── .babelrc # babel config
├── .postcssrc.js # postcss config
├── .eslintrc.js # eslint config
├── .editorconfig # editor config
├── index.html # index.html template
└── package.json # build scripts and dependencies

Firebase Setup:

On my way to be an indie developer, creator creating a focus on better living.

On my way to be an indie developer, creator creating a focus on better living.