Dorm Dollars

• 

  Login Screen

• 

  Home Page

• 

  Spending Graphs

• 

  Transaction history

• 

  Add a transaction

• 

  Filter Transactions

Inspiration

As college students, Sean, Eric, and I all too familiar with the struggles of budgeting. Where proprietary banking apps and Excel spreadsheets fall short, Dorm Dollars steps in as an easy alternative!

What it does

Dorm Dollars allows users to easily visualize and manage their spending. Monthly income, expenses, and net profit are calculated and displayed to users. Spending categories and payment methods and visualized with interactive graphs, and users add a transaction to their history with the click of a button.

How we built it

• Frontend: React, CanvasJS, MaterialUI
• Backend: Python Flask, Google Cloud PostgreSQL
• Tools: Vite, DBeaver, VSCode

Challenges we ran into

We spent A LOT of combined time (around 5 hours!!!) trying to connect to Google Cloud via public IP and resolving CORS errors in our local development environments. We also experienced a bit of a learning curve with learning how to use various frameworks (React, CanvasJS, MUI, Flask), as well as Google Cloud's PostgreSQL service.

Accomplishments that we're proud of

We're most proud of how much we learned and built during the hackathon! Despite not having prior knowledge of many of the libaries/tools that we used, we were still able to deliver a functional prototype with an attractive UI. A lot of what we learned today is definitely applicable is today's tech landscape, and we're super glad we had the courage to show up, compete, and learn!

What we learned

We learned how to build full-stack web applications entirely from scratch, as well as how to connect the different parts (frontend, backend, database). We also learned how to divide up our tasks and responsibilities to work more efficiently as a team.

What's next for Dorm Dollars

Dorm Dollars actually has a ton of planned features that we didn't get to implement! Some of those features include student loan tracking and and monthly spending limits.

Built With

• canvas
• dbeaver
• flask
• google-cloud-sql
• javascript
• materialui
• python
• react
• vite
• vscode