Inspiration
We’re college students who have gotten financial freedom, but aren’t really sure how to be financially responsible. Between groceries, rent, utilities, food, and other miscellaneous costs, by the end of the month, it's surprising to see the total amount. So, we decided to visualize spending through a calendar concept.
What it does
Through our Budget Calendar website, you can add expenses, give them a title, track the amount, and sort it into specific categories - similar to Google Calendar. You can add multiple expenses in a day and it will automatically add up in the “Total Spent” header. We also decided to create a “Largest Payment” header to see what the user’s biggest expense and amount is. We wanted to break the categories down and list the percentage of how much the user spends in each category.
How we built it
The front end was programmed in JavaScript, HTML, and CSS, whereas the backend was programmed in Python using Flask. We used a calendar grid found on an open source GitHub as a jumping point and then include expenses events and statistics on spending. We used Gemini API to create a chatbot that will give personalized information about how to limit spending, average expenses, and more.
Challenges we ran into
We ran into some challenges when dealing with database integration, displaying information, and overcoming lack of experience in backend and frontend communication.
Accomplishments that we're proud of
We are proud that our website works as intended, such as successfully adding an expense event to the calendar, calculating statistics, and implementing a chatbot.
What we learned
We all learned more about front end and back end development, something we didn't have much experience in. We also learned about using Flask and git.
What's next for Budget Calendar
We would love to include recurring events and color code each category on the calendar itself.
Log in or sign up for Devpost to join the conversation.