Contents
My personal finance
Create your monthly budget.
Live Demo
Getting Started
Create a firebase account:
Firebase
Create a new project and new app
Create a Cloud firestore database with the following rules:
rules_version = ‘2’;
service cloud.firestore {
match /databases/{database}/documents {
match /users/{uid}/budgets/{budgetId} {
allow read, write: if request.auth.uid == uid
}
match /users/{uid}/configuration/{docId} {
allow read, write: if request.auth.uid == uid
}
}
}
Prerequisites
Node 12.14.+
Vue cli 4.2.+
Create .firebaserc file inside client folder
{
“projects”: {
“default”: “your_firebase_app”
}
}
In the client folder create a .env file for firebase project information
For this project you need to fill the vairables VUE_APP_FIREBASE_API_KEY, VUE_APP_FIREBASE_AUTH_DOMAIN, VUE_APP_FIREBASE_PROJECT_ID and VUE_APP_FIREBASE_APP_ID.
VUE_APP_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
VUE_APP_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
VUE_APP_FIREBASE_DATABASE_URL=
VUE_APP_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
VUE_APP_FIREBASE_STORAGE_BUCKET=
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=
VUE_APP_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
Installing
In the client folder
Project setup
Compiles and hot-reloads for development
Compiles and minifies for production
Lints and fixes files
Customize configuration
Deployment
cd client
npm run build
firebase deploy
Built With
Vue.js – The javascript framework
Firebase – Authentication and real time database
Vuetify – Vue UI Library with beautifully handcrafted Material Components
Vue-Chartjs – Easy and beautiful charts with Chart.js and Vue.js
Contributing
Please send me an email to [email protected] I will be happy to help
Author
Felipe Chiapini – Project owner – GitHub
Acknowledgments
A special thanks to my wife for supporting me