A professional-grade, feature-rich web application for comprehensive personal financial management. Built with modern web technologies, this application provides an intuitive interface for tracking expenses, managing budgets, analyzing spending patterns, and maintaining financial health.
Experience the full functionality of the application with the live demo hosted on Vercel.
Modern dashboard with real-time financial overview, interactive charts, and comprehensive expense tracking
- Real-time Financial Overview - Live statistics with period-over-period comparisons
- Interactive Charts - Spending trends (line chart) and category breakdown (doughnut chart)
- Percentage Changes - Visual indicators showing financial trends
- Recent Transactions - Quick view of latest financial activities
- Quick Add - Fast transaction entry with smart defaults
- Advanced Filtering - Filter by category, type, date range, or search terms
- Smart Pagination - Efficient browsing of large transaction lists
- Real-time Updates - Instant UI updates without page refresh
- Custom Categories - Create and manage personalized expense categories
- Monthly Budgets - Set spending limits by category
- Progress Visualization - Color-coded progress bars with alerts
- Budget Alerts - Real-time notifications at 80% and 100% usage
- Overspend Tracking - Clear indicators when budgets are exceeded
- 6 Currencies - USD, EUR, GBP, JPY, CAD, AUD
- Live Conversion - Automatic conversion of existing data
- Exchange Rates - Built-in rate management with update functionality
- Smart Formatting - Currency-appropriate decimal places
- Responsive Design - Perfect on desktop, tablet, and mobile
- Dark/Light Themes - System preference detection and manual toggle
- Toast Notifications - Elegant, non-intrusive feedback system
- Loading States - Professional loading indicators for better UX
- Local Storage - Automatic data persistence
- Export/Import - JSON and CSV format support
- Data Validation - Comprehensive input validation and error handling
- Backup & Restore - Complete data backup capabilities
- Budget Alerts - Configurable spending limit warnings
- Monthly Summaries - Automatic end-of-month financial reports
- Success Feedback - Confirmation for all user actions
- Error Handling - Clear, actionable error messages
- Frontend: Vanilla JavaScript (ES6+), HTML5, CSS3
- Charts: Chart.js 4.4.2
- Icons: Font Awesome 6.4.0
- Storage: Browser localStorage
- Design: CSS Grid, Flexbox, Custom Properties
- Deployment: Vercel (Static Site Hosting)
- Chrome 90+ ✅
- Firefox 88+ ✅
- Safari 14+ ✅
- Edge 90+ ✅
- Mobile browsers ✅
- Lightweight (~200KB total)
- Fast loading (<1s on 3G)
- Smooth animations (60fps)
- Efficient memory usage
Visit https://expense-tracker-one-wine.vercel.app/ to use the application immediately without any setup.
- Modern web browser (Chrome 90+, Firefox 88+, Safari 14+, Edge 90+)
- JavaScript enabled
- No server setup required
-
Clone the repository
git clone https://github.com/AegisX-dev/Expense-Tracker.git cd Expense-Tracker -
Open the application
# Simply open index.html in your browser open index.html # Or use a local server (recommended) python -m http.server 8000 # Then visit http://localhost:8000
-
Start tracking!
- Add your first transaction
- Set up budgets for your categories
- Explore the dashboard and analytics
- Click "Quick Add" on the Transactions page
- Fill in transaction details:
- Type (Income/Expense)
- Date (defaults to today)
- Description
- Category (or create custom)
- Amount
- Payment method
- Click "Add Transaction" to save
- Navigate to the Budget page
- Click "Add Budget"
- Select category and set monthly limit
- Monitor progress with visual indicators
- Receive alerts when approaching limits
- Visit the Dashboard for overview
- Check Analytics page for detailed insights
- Use date range selector to analyze different periods
- Review percentage changes and trends
- Go to Settings page
- Choose theme (Light/Dark/Auto)
- Select preferred currency
- Configure notifications
- Manage data (export/import/clear)
Expense-Tracker/
├── index.html # Main application file
├── styles.css # Complete styling system
├── script.js # Core application logic
├── assets/ # Static assets
│ ├── Favicon.png # Application favicon
│ └── Preview.png # Dashboard preview image
├── README.md # This file
├── CONTRIBUTING.md # Contribution guidelines
├── INSTALLATION.md # Detailed setup instructions
└── CHANGELOG.md # Version history
The application is currently deployed on Vercel at: https://expense-tracker-one-wine.vercel.app/
To deploy your own version:
- Fork this repository
- Connect to Vercel
- Deploy automatically
- GitHub Pages: Free static hosting
- Netlify: Continuous deployment from Git
- Firebase Hosting: Google's hosting platform
- AWS S3: Amazon's static website hosting
We welcome contributions! Please see CONTRIBUTING.md for guidelines.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
- Real-time exchange rate API integration
- Advanced filtering options
- Custom date ranges
- Transaction categories management
- Backend integration options
- Cloud data synchronization
- Advanced analytics dashboard
- Mobile app (PWA)
- Exchange rates are currently static (manual update only)
- Large datasets (1000+ transactions) may experience slight performance degradation
- Import functionality requires specific JSON format
This project is licensed under the MIT License - see the LICENSE file for details.
- Chart.js for beautiful charts
- Font Awesome for icons
- Google Fonts for typography
- Vercel for hosting and deployment
- The open-source community for inspiration
- 🌐 Live Demo: https://expense-tracker-one-wine.vercel.app/
- 🐛 Report a Bug
- 💡 Request a Feature
- 📧 Contact Developer
Made with ❤️ by AegisX-dev
Try it live: https://expense-tracker-one-wine.vercel.app/