Budget Zero

• 

  The Budget Zero Landing Page

• 

  A look at the Budget Zero Auth0 login page

• 

  A view of the Budget Zero dashboard

• 

  A view of the budget setup and categorization screen

• 

  A view of the transaction logging screen

Inspiration

We're college students, nearing our graduation in the next few months. With that in mind, we set out to find a solution to help us keep track of our spending and put our minds at ease in the wacky and wild world of adult finances.

What it does

Budget Zero is an all-in-one budgetary solution, including tools to

• Log monthly income
• Set custom categories for spending from income
• Track expenses in context of budget

How we built it

Frontend

• Angular
• Bootstrap

Backend

• Auth0 for Authentication
• Vercel for infrastructure
• .tech domain hosting
• MongoDB for database (not in prototype currently, but WIP)

Challenges we ran into

Setting up a working MongoDB database has been an extreme challenge, as we both are new to the concept of MongoDB, and wanted to learn to integrate it. We assembled the structure and schema, however ran into challenges when entering functions and integrating it with the finished result, leading to it being left off the current prototype.

Accomplishments that we're proud of

Standing up a functional and clean front-end UI, getting it to integrate with our hosting and domain, as well as authentication providers, and making it a real website in under 24 hours!

What we learned

The ins and outs of MongoDB (and especially the challenges involved in integrating it with our frontend), as well as the simplicity of using Auth0 as an authentication provider for a web service. Plus, how to quickly assemble a frontend, tie it to a backend, and deploy with a domain using DNS infrastructure and forwarding.

What's next for Budget Zero

Connect MongoDB with the front-end application. Track user transactions using Plaid API.

Built With

• angular.js
• auth0
• dns
• html
• typescript
• vercel