Inspiration
As a high school student preparing for college, I noticed that I do not really keep track of my money and what I do with it. I assume incoming college students feel the same way, especially first generation students who do not have much guidance with topics like this. I made this fairly simple tool to help with budgeting.
What it does
This website keeps track of you maximum budget and lets you input your spendings. It subtracts them from your budget and tells you if you are overbudget. Additionally, it creates a graph so students can see what they spend the most on.
How we built it
I built this website using html and css. For the functionality I used javascript and the chart.js library in order to create the graphs using user inputted data.
Challenges we ran into
I ran into a couple of bugs where my page was formatted incorrectly or the dark mode colors were not changing. I also had to figure out how to save data to local storage so users do not always have to input their data again.
What we learned
Doing this project helped me improve my skills in javascript. I learned a new library, chart.js, which is very interesting and I hope to incorporate it in other projects in the future. I also learned more about web design using css.
Log in or sign up for Devpost to join the conversation.