Analytical Student Support

Inspiration

Students tend to stress over the money they spend, but often don't have the commitment to actually make a change to their habits. This app is meant to solve this problem.

What it does

Provides users with a tool to input their spendings, including specific dates and amounts spent, their goals in the form of a budget, and a built-in status checker to evaluate whether this goal is being reached.

How we built it

We used HTML and CSS to create a pleasant experience friendly to users' eyes. Javascript added much needed interactivity to actually fulfill the purposes of our project. Local storage through javascript was used to ensure that all the values a user put in while using the app would be saved appropriately and evaluated.

Challenges we ran into

It was difficult to build the Transactions table and ensure that it had both a fixed header and a scroll feature that updated the table with each new input of money spent with its associated date. It was also hard to figure out how to ensure that all the information a user would put in would not be deleted each time the page was refreshed; eventually we did, which means that all the information a user puts in is stored locally until the CLEAR button is pressed, at which point the user can start over.

Accomplishments that we're proud of

We're first-time Hackathon participants, and we managed to build a decent project in a only day of work!

What we learned

Working with another person is very gratifying and useful; one of us could focus on creating the layout of the program, and the other was able to tie its functionality together.