Blowfish Budgeting

Home Page
Dashboard/Budgeting Page

Inspiration

We know that many people struggle with controlling their spending because they don't know how to budget. This can be due to a lack of money to buy budget sheets, a lack of time to create their own, or simply laziness. So, we decided to make a free budgeting sheet website to help people be more aware of their spending! To keep users motivated to stay within their budget, we were inspired by the little Tamagotchi toys in which you care for a virtual pet or character.

What it does

Blowfish Budgeting is a website that automatically calculates your budget based on your monthly income. It keeps track of every expense and saving, showing you the difference between your budget and your actual spending. If you go over your budget, Budgy the Blowfish will blow up! Stay under your budget to keep Budgy comfortable and happy. Don't make Budgy sad.

How we built it

We used Figma and Procreate to design; HTML/CSS, JavaScript, React, Node, and TypeScript for the frontend; and Supabase & Clerk for the backend.

Challenges we ran into

Two of our members were first-time hackathon attendees, so it took some time to ease them in and get GitHub to work! We were also all pretty beginners when it came to React, Node, and Supabase, so we had to all learn that as well.

Accomplishments that we're proud of

We're proud that we were able to create a functional website in such a short timeframe. We're also super happy with our animated blowfish! It really adds character to our website.

What we learned

We learned how to better navigate GitHub and how to use multiple languages/frameworks/libraries.

What's next for Blowfish Budgeting

For basic improvements, we need to implement a way to create a new budgeting sheet for each month. We also want to allow users to choose between different types of pay periods (i.e., monthly, weekly, biweekly). For further improvements, we want to add an AI chatbot to allow users to ask questions about budgeting, finance, etc., to improve financial literacy.