Masrofy is a clean, responsive, and feature-rich web application designed to help users manage their personal finances effectively. It tracks daily expenses, visualizes spending habits, manages savings goals, performs real-time currency conversions, and provides live financial market updates.
Key Features:
- Daily Expense Tracker: Track income vs. total spent with real-time health indicators and interactive spending charts (Doughnut & Bar charts via Chart.js).
- To Buy Checklist: Manage interactive shopping lists with budget tracking, progress indicators, and local persistence.
- Saving Goals Tracker: Set and monitor custom saving goals with progress bars, visual deposit logs, and transaction history.
- Live Currency Converter: Converts multiple currencies with live exchange rates relative to EGP, featuring dark mode and interactive history.
- Financial News Feed: Fetches real-time market updates, crypto trends, and economy news using the Finnhub API.
- Local Storage Persistence and fully responsive design built with Bootstrap 5 and modern UI glassmorphism animations.
Technologies Used:
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Framework: Bootstrap 5
- Libraries: Chart.js, FontAwesome, Bootstrap Icons
- API Integration: Finnhub News API, Open Exchange Rates API