Personal Finance Dashboard

BudgetBuddy

Track expenses, plan category budgets, and understand monthly spending with a clean, responsive dashboard.

Tracked this month $0
Budget remaining $0
Smart tip

Add your first transaction to start seeing spending insights.

Get to know the project

About BudgetBuddy

BudgetBuddy is a personal finance dashboard built to make monthly money tracking easier, clearer, and less stressful. Instead of just storing transactions, it helps users understand where money is going and how each category compares to the budget they planned.

The app focuses on simple workflows: add income and expenses, assign categories, set monthly limits, and immediately see how spending patterns change over time. Everything is saved locally in the browser, so the experience feels fast and lightweight without needing a backend.

I designed this project as a polished front-end product demo that combines clean UI, practical analytics, and responsive layout design in a way that feels like a real personal finance tool rather than a classroom prototype.

Spending analytics

Highlights category trends, budget usage, and monthly progress in one place.

Local persistence

Saves budgets and transactions in the browser for a fast, no-login experience.

Export ready

Lets users export transaction history to CSV for reporting or record keeping.

Focus Personal Finance UX
Stack HTML, CSS, JavaScript
Goal Simple, useful budgeting
Income $0
Expenses $0
Balance $0
Budget Used 0%

New transaction

Add income or expense

Monthly budgets

Set category limits

Category spending

Where your money goes

Budget progress

Stay within plan

Transaction history

Recent activity

Description Category Type Date Amount