This app was developed in a programming course of the Rocketseat online school, called "discover" for programing beginers.
This app, basicaly, store a financial history to a little context, like a family, showing the balance of incomes, expences and total.
Originaly made to store the data in localStorage of the web browser, so, I decided to add more features to it.
Now, it do login with google, store the data in a relactional data bank of firebase (if the user is logged), the real time database, and shows a graphic of the history inserted for the user with a implementation of the ChartJs.
If you want to work with login with google, all the app that change with the auth state, need to pass inside the auth check like in next:
firebase.auth().onAuthStateChanged(user => {
if(user){
// user is loged
} else {
// user not loged
}
})
If you need to sort the data that come of the realtime database of firebase, you can use the code next:
DB.ref(`users/${user.uid}/items`).orderByChild("date").on('value', item => {
// your actions here
})
Here are the technologies used in this project.
- HTML
- CSS
- Javascript
- Github
- Firebase from Google
You can see and use the app here
But, if you want to run this app by yourself, simply create a firebase app here
In next, you need to write the app credentials in the scripts.js:
const firebaseConfig = {
// Your web app's Firebase configuration
}
In next, you need to run "yarn start" to run the local test server and to test the app locally.
You can register your financial balance adding your transactions, the app will calculate all the balance for you, the data is stored in the local storage for default, but if you want to keep the data stored in the server, you need to login with google, it is simple, fast, and free for all.
- With this app, you can create a place that you can control your financial balance history and plan your expenses.
- Link of deployed application: https://devdotfinance.web.app/
- Repository: https://github.com/teilorbarcelos/dev.finance
- In case of sensitive bugs like security vulnerabilities, please contact OUR EMAIL directly instead of using issue tracker. We value your effort to improve the security and privacy of this project!
1.0.0.0
- TEILOR SOUZA BARCELOS: @teilorbarcelos (https://github.com/teilorbarcelos)
You can learn more in the [Rocketseat programming school site].
I hope it help you like it helped me too! Thanks for see it and give a repo star if you like it!