Track Your Expenses Simulation

 

  GitHub Repository: HERE

Made with: Visual Studio, React, NodeJS 

Programming Languages: JavaScript & HTML (JSX), CSS

This program allows the user to track any logged expenses through specified filters dating back to 2018. The user is met with an empty field where they enter the title (the name of the expense), the dollar amount in which they paid, and also the date from which they purchased the item. Once they are finished entering their expense data they can add their expense to their personalized data bank to reference immediately or for future use. The application also provides the user with a visual chart that displays the total amount spent throughout the month and year. These bars sum up the total amount spent for each month, the program then adds up all these summated values and averages them (dividing by 12 months) to demonstrate an equal distribution of total spent throughout the year. This application also allows the user to sort their logged data by filtering the years 2018 to 2022. The example above demonstrates a simulation of logged expenses for the year 2020. As we can see the user spent the most in March when the user purchased a car. This program is applicable to anyone who wants to keep track of how much they are spending each month. However, since this project was standalone code and so-far only works on a local host. All the inputted data will be lost once the page refreshes. Since this application was primarily for educational purposes only I felt it was unnecessary to deploy the project to a database.