A beautiful and feature-rich expense tracking application built with Next.js, React, and Tailwind CSS. Effortlessly manage your finances, track spending, set budgets, and achieve your financial goals—all in one modern dashboard.
- Dashboard Overview: Get a quick snapshot of your financial health with summary cards and charts.
- Transactions: Add, view, and manage your income and expenses.
- Accounts: Track balances across multiple accounts (bank, credit, cash, etc.).
- Budgets: Set monthly budgets for different categories and monitor your spending.
- Goals: Define and track progress toward your financial goals (e.g., savings, debt payoff, big purchases).
- Reports: Visualize your spending and income trends with detailed reports.
- Analytics: AI-powered insights to help you understand and optimize your finances.
- Modern UI: Responsive, accessible, and visually appealing interface.
- Dark Mode: Seamless light/dark theme switching.
- Framework: Next.js 15
- UI: React 18, Tailwind CSS, Radix UI, Lucide Icons
- Charts: Recharts
- Forms: React Hook Form
- Validation: Zod
- Date Utils: date-fns
git clone https://github.com/your-username/ExpenseTracker.git
cd ExpenseTrackernpm installnpm run devVisit http://localhost:3000 to view the app.
npm run build
npm startAdd your app screenshots here for a better showcase!
src/app/— Main app pages (dashboard, accounts, budgets, goals, etc.)src/components/— Reusable UI and dashboard componentssrc/lib/— Data, types, and utility functionssrc/hooks/— Custom React hookssrc/providers/— Context and theme providers
This project is for educational and personal use. Feel free to fork and customize!