A modern, intelligent personal finance management application that helps you track expenses, analyze spending patterns, and achieve financial goals.
- ✅ User Authentication - Secure signup/login with local storage
- ✅ Transaction Management - Add, delete, filter, and sort transactions
- ✅ Real-time Dashboard - View balance, income, and expenses instantly
- ✅ Interactive Charts - Visualize data with pie charts and bar graphs
- 📊 Monthly Analysis - Track spending trends month by month
- 🏷️ Category Insights - See where your money goes by category
- 🌙 Dark/Light Theme - Eye-friendly interface for day & night
- 📱 Responsive Design - Works perfectly on mobile, tablet & desktop
- 🤖 AI Insights - Smart predictions and financial advice (coming soon)
- 📤 Export Reports - Download transaction history as CSV/PDF (coming soon)
- 🚀 Fast Performance - Optimized React components
- 💾 Local Storage - All data stays on your device
- 🎨 Modern UI - Glass morphism effects with smooth animations
- ♿ Accessibility - Keyboard navigation and screen reader support
| Technology | Purpose |
|---|---|
| React.js 18 | UI Framework |
| Tailwind CSS | Styling |
| Framer Motion | Animations |
| Recharts | Data Visualization |
| Technology | Purpose |
|---|---|
| LocalStorage | Client-side data persistence |
| Tool | Purpose |
|---|---|
| Vite | Build Tool |
| ESLint | Code Linting |
| Prettier | Code Formatting |
Before you begin, ensure you have the following installed:
- Node.js (v14 or higher)
- npm (v6 or higher) or yarn
- Git
git clone https://github.com/yourusername/smart-finance-tracker.git
cd smart-finance-tracker