Finance Hub is a smart and intuitive personal finance management application designed to help users track, manage, and grow their wealth efficiently. Built with Next.js, MongoDB, and Node.js, this platform provides a seamless experience for managing income, expenses, and financial insights.
✅ Secure Authentication – Login and sign up with robust security.
✅ Transaction Management – Add, edit, and delete income & expenses.
✅ Real-time Financial Overview – View total income, expenses, and balance.
✅ Interactive Charts & Graphs – Bar & pie charts for expense categorization.
✅ Insightful Dashboards – Recent transactions, category-based tracking, and financial flow visualization.
✅ Dark Mode Support – Sleek UI with blue-accented buttons for better readability.
- Frontend: Next.js, Tailwind CSS
- Backend: Node.js, Next.js API Routes
- Database: MongoDB
- Authentication: JWT, Bcrypt
- Charts & Visualization: Chart.js / Recharts
git clone https://github.com/yourusername/finance-hub.git
cd finance-hubnpm installCreate a .env.local file in the root directory and add the following:
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
NEXT_PUBLIC_API_URL=http://localhost:3000npm run devThe app will be available at http://localhost:3000 🚀
- Sign up for a new account or log in with existing credentials.
- User authentication is handled securely with JWT.
- View Recent Transactions at the top.
- Check financial summary cards: Total Income, Total Expenses, and Balance.
- Analyze spending with bar and pie charts.
- Add a new expense or credit with category selection.
- Edit or delete existing transactions easily.
- Track financial flow with line charts showing income & expenses over time.
- Filter transactions by category using the "All Categories" button.