#Inspiration The process of housing and having to compare the different meal plans, housing costs, and other costs of living associated with living on and off campus inspired us to create a web application that would make managing one's spending habits an easier task.

#What it does Users must enter their income as well as their monthly expenses, and have the option to put details if they are saving for a larger purchase. Upon proceeding to the next page, the user will see a visual breakdown using graphs and a table of their spending habits compared to the recommended sources of spending in the 50-30-20 method, and will see recommendations for changes to make to these below.

#How we built it We used HTML for the website structure, JavaScript for the backend, CSS for the styling, and also implemented Chart.js for the charts on the second page.

#Challenges we ran into This was the first time for most of us that we did any web development, and our first hackathon to boot. We had to learn how to work together in a short amount of time to roll out a product in an entirely new set of languages which we were unfamiliar with. We also implemented Chart.js, which was a new process for all of us and took some time to figure out.

#Accomplishments that we're proud of Adapting quickly to an unfamiliar language, building an entire web application in 24 hours, and implementing storage and multiple JavaScript files in one project.

#What we learned The core languages and principles of web development, programming in a team and managing version control with others, real-time collaboration under pressure, and how to quickly adjust goals and expectations.

#What's next for Spending Habits Analyzer Implementing more advanced calculations and additional forms of charts and analysis. We could also make more detailed recommendations with more data and gather user feedback on what is currently implemented in order to improve.