Money Monitor is a web application, that stores expenses and its category, in a NoSQL database, and creates graphs and illustrations to visualize and analyze your spending patterns.
Currently the graphs on the application are:
-
A Pie chart for categorical expenses. This includes all the expenses made from start date of entering expenses into the application.
-
Line charts for analyzing the monthly spending trends in each category.
-
Line chart for overall monthly spending trend.
Categories include:- Utilities, Grocery, Housing-related, Food and Travel.
The expense is not currency specific, i.e., there is no provision to choose amount spent in different currencies.
- React.js
- Firebase
- 'Recharts' npm library
-
Adding a currency option as well to standardize the expenses made in other countries.
-
Creating AI insights, to improve spending habits and avoid unnecessary expenses.
-
Fork and then clone this repository using
git clone https://github.com/{YourUserName}/Money-Monitor.git. -
cd into this repository and run
npm install, which will install all the needed packages present in 'package.json' file. -
On your firebase console, create a collection, called
expenses, in your database for your application. -
Copy your firebase configurations in a file called firebase.js.
-
Next run
npm startto run the application. It can be accessed atlocalhost:3000.