- Current total is displayed in green on top of page and changes to red if budget is exceeded (total is negative)
- Add/subtract funds with click of a button
- Transaction history is displayed in a table as well as a graph
- Able to add transactions offline - any offline transactions are stored in browser's indexedDB & automatically posted to database once reconnected
- Download project by clicking
at the top of this repository, and open project directory in terminal.
- Install npm packages:
express mongoose morgan compression
npm i
Currently deployed with Heroku
-
Begin by setting a total budget amount and hitting
Add Funds
-
Enter a name and dollar amount for a new transaction.
-
Add or subtract amount using corresponding buttons.
-
Transaction will be automatically populated in table and graph below.
- Open https://jd-budget.herokuapp.com/ in Chrome
- Tap the three-dot button on the top right
- Select
Add to Home Screen
from the menu - Customize the app name if desired
- Open the app that appeared on your home screen
-
Open https://jd-budget.herokuapp.com/ in Safari
-
Tap the
Share
button in URL bar -
Select
Add to Home Screen
from the menu -
Customize the app name if desired
-
Open the app that appeared on your home screen
- Express
- MongoDB/Mongoose
- Morgan
- Compression
- Service Worker
- IndexedDB
Contributions welcome!
- Fork this repository
- Create a new branch
- Commit/push your changes
- Create a new pull request
- Incorporate login system
- Webpack config
If you have any questions, feel free to create an Issue or contact me directly at dore.joel.dore@gmail.com
This project is MIT licensed.
Β© 2021 Joel Dore