Time Tracking Vue2 & Firebase
Time Tracking Tool with Vue.js and Firebase
Prerequisites
Firebase
- Setup a Firebase Project here.
- Select Add Firebase to your web app.
- Copy the Firebase credentials.
const config = {
apiKey: 'YOUR_API_KEY',
authDomain: 'YOUR_AUTH_DOMAIN.firebaseapp.com',
databaseURL: 'https://YOUR_AUTH_DOMAIN.firebaseio.com',
projectId: 'YOUR_AUTH_DOMAIN',
storageBucket: 'YOUR_AUTH_DOMAIN.appspot.com',
messagingSenderId: 'YOUR_MESSAGING_SENDER_ID'
};
- Replace the credentials in the firebase-config.js file.
Project Structure
- components
- Tasks
- Projects
- pages
- Login
- Home
- router
- Handling routes with index.js file.
- store
- Handling vuex store with index.js file.
- App.vue
- firebase-config.js
- main.js
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