💰 Personal Finance Visualizer

A clean and interactive web app for tracking personal finances, categorizing expenses, and managing budgets with visual insights.

Built with Next.js, React, shadcn/ui, Recharts, and MongoDB.

---

📊 Features

✅ Stage 1: Transaction Tracker

• Add / edit / delete transactions
• List of all transactions
• Monthly expenses bar chart

✅ Stage 2: Categories

• Predefined categories (Food, Transport, etc.)
• Category-wise pie chart
• Dashboard summary cards:
  • Total spent
  • Top category
  • Recent transaction

✅ Stage 3: Budgeting

• Set monthly budgets per category
• Budget vs Actual comparison bar chart
• Live insights on overspending

---

🚀 Tech Stack

• Framework: Next.js
• UI: shadcn/ui, Tailwind CSS
• Charts: Recharts
• Database: MongoDB Atlas
• Deployment: Vercel

---