Trying to budget when you share expenses and accounts with other people is more challenging than just trying to track your own income, expenses and savings/spending goals.

This app is meant to help with keeping up with that.

What it does

The app allows multiple users to log in. It allows a user to create new accounts, e.g. checking accounts or credit card accounts, add transactions and categorize the transactions. The budget view allows users to add or remove categories and assign a target amount to spend per month for each category, and gives an overall view of how much is available to budget.

How we built it

We created a serverless frontend application with React for UI elements, Redux for state management, Firebase for storing data in database, and Bootstrap for styling. We discussed overall functionality of our app then developed views and a database structure around that. For a detailed description of the components and database see the documentation:

Challenges we ran into

  1. Not enough time to build all the features we wanted.
  2. Figuring out how to organize user account, transaction, and budget information in a concise and accessible way.
  3. One of us losing internet service for two days.

Accomplishments that we're proud of

  1. The budget view
  2. All transactions view
  3. Individual account views
  4. Squashing bugs under pressure

What we learned

  1. How to use Firestore, Redux and CSS grid, and getting more comfortable with React.

What's next for The Budget App

The next feature will be to give the main user the ability to add other users and restrict the accounts they can access so that the other user can add transactions that pertain to the shared account, thus helping to keep those accounts as up-to-date as possible.

Built With

Share this project: