MoneyMate is a full-featured Personal Finance Web App that helps users manage transactions, view analytics, generate reports, and customize settings. It is built for speed, offline access, and mobile compatibility using modern web technologies and PWA support.
- ✅ Add/Edit/Delete Transactions
- 📊 Income & Expense Analytics with Charts
- 📈 Visualize Spending & Income Trends with Dynamic Charts
- 🧠 AI-Powered Predictions for Budget Planning (planned)
- 🧾 Monthly & Yearly Reports
- ☁️ Download Data as CSV or PDF
- 🎨 Multiple Themes (Light/Dark + Auto)
- 📱 Mobile-First Responsive UI
- 🖥️ Desktop Support
- 🔋 Full Offline Capability via PWA
- 📅 Smart Budget Predictions (planned)
- 🔐 Account Authentication (optional)
- 🗃️ Organized Data by Category/Tag (planned)
- Open the site in a mobile browser
- Click "Add to Home Screen"
- Works offline using a Service Worker
- Launchable like a native app
- HTML5
- CSS3 (Flexbox/Grid)
- JavaScript (Vanilla)
- PWA APIs (Manifest + Service Worker)
Pull requests are welcome. For major changes, please open an issue first to discuss what you'd like to change or add.
- Fork the repository
- Create your feature branch:
git checkout -b feature/awesome-feature
File/Folder | Description |
---|---|
index |
Main homepage of the application. |
account |
User account page (login, register, profile). |
analytics |
Visualization and charts showing income/expenses trends. |
contact |
Contact and support page. |
dashboard |
Central dashboard with financial summaries. |
download |
Page for exporting data (CSV, PDF, etc.). |
explore |
Discover features, tips, or connect to financial tools. |
icon |
App icons used for PWA and favicon. |
manifest |
Web App Manifest for PWA (name, icons, theme, etc.). |
report |
Detailed reports on user financial activity. |
script |
JavaScript logic for UI interaction and functionality. |
settings |
Light/dark theme, language, notifications, etc. |
style |
CSS styling for the entire app. |
Built by: AbdElRahman Hesham
🌐 Website: https://abdelrahmanz.netlify.app/
git clone https://github.com/Boda1607/moneymate.git
cd moneymate