Budget Master
Personal finance app with a transaction history, filters and charts of monthly spending.
About the project
A personal full-stack app from 2024 for tracking income and expenses. It covers the whole Next.js App Router stack in one project: authentication, a database, validated forms and client-side data fetching.
Every transaction has an amount, a date and labels. The dashboard sums up the current month, the history page filters and searches all transactions, and six charts show where the money goes over time. A demo account lets visitors try it without signing up. It has not been upgraded yet.
What you can try
- Sign up, or log in with a demo account
- Dashboard with recent transactions and the month's cash flow
- Transaction history with filters for date and amount, labels and fuzzy search
- Six charts: income against expenses, totals, balance trend and spending by label
Under the hood
- Next.js App Router with protected routes and an encrypted session cookie, passwords hashed with bcrypt
- MongoDB with Mongoose, forms with React Hook Form and Zod, data with TanStack Query and Redux Toolkit
- When
- 2024 – 2025
- Type
- Personal
- Versions
- Next.js 15
- React 19
- MongoDB
- Tailwind CSS 3
- Stack
- Next.js
- TypeScript
- MongoDB
- Mongoose
- Redux
- React Query
- React Hook Form
- Zod
- Tailwind CSS
- daisyUI