Budget Tracker for tracking your budget online or offline.
https://damp-caverns-76168.herokuapp.com/
https://github.com/riraq/Budget_Tracker
The front end and backend code was provided and it was requested that application be refactored to allow PWA capabilities as well as using IndexDB to allow for changes to be made whether a connection to the server was available or not. A webmanifest also needed to be included. The application uses MongoDB Atlas to save the transactions when online.
- Clone the repository from https://github.com/riraq/Budget_Tracker.
- Run "npm i" in the main directory of the application in order to install dependencies.
- Open the application in Google Chrome at https://damp-caverns-76168.herokuapp.com/.
- On a desktop, there will be an icon in the url bar that allows you to install it.
- On a smartphone, tap on "Add to home screen" to install.
The application is used to track a budget and for this particular user story, it is meant to be used while travelling. Because of this, it needs online/offline functionality. The user can input their transaction name and the cost of it and then choose whether it should be added or subtracted from their funds. When a transaction is submitted, it updates both the table on the page as well as the chart showing the change in funds.