Budget Buddy

Expense Tracker made from Material UI, Next.js. Originally, submitted in the Mintbean Campus Playoffs, but have since been expanded.

Live Demo

https://budget-buddy.david-diep.com/ (Warning: Using Incognito Mode will cause the app to misbehave!)

Features

• The user is able to create, edit, view, add, and delete expenses, categories and accounts

• The user is able to list all expenses and accounts

• In the list view, the user is able to sort & filter expenses by account as well as category.

• The user is able to see a Daily Report, which states total expenses in a given day

• The user is able to see a Weekly Report, which states total expenses per day over a given week

• The user is able to see a Monthly Report, which states total expenses per day over a given month

• The user is able to filter account expenses specifically with date/category

• The user is able to color code expenses and categories

Additional Features

• All changes are saved in localStorage
• Mobile Responsiveness (when viewing from mobile, slide tables left and right to view full information)

Features to add

• Add filtering by account to overview page
• Redux for state change.

Development

System Requirements

• Node.js 10 or higher

• npm 6 or higher

Technologies Used

• React
• Material-UI
• Next.js
• Moment

Getting Started

1. Clone this repository

git clone https://github.com/david-diep/expense-tracker-hackathon.git
cd expense-tracker-hackathon

2. Install dependencies with NPM

npm install

3. Start the project. It can be view at http://localhost:3000/ in the browser

npm run start