Skip to content

MoneyMate is a fast, mobile-friendly Personal Finance Web App with offline and PWA support. It lets users manage transactions, view analytics with dynamic charts, generate reports, and customize settings. AI-powered budget predictions are planned for future updates.

Notifications You must be signed in to change notification settings

Boda1607/MoneyMate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💰 MoneyMate

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.


🌟 Features

  • ✅ 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)

📲 PWA Installation

  • Open the site in a mobile browser
  • Click "Add to Home Screen"
  • Works offline using a Service Worker
  • Launchable like a native app

🛠 Tech Stack

  • HTML5
  • CSS3 (Flexbox/Grid)
  • JavaScript (Vanilla)
  • PWA APIs (Manifest + Service Worker)

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you'd like to change or add.

To Contribute:

  1. Fork the repository
  2. Create your feature branch:
    git checkout -b feature/awesome-feature
    

📂 Folder Structure

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.

📧 Contact

Built by: AbdElRahman Hesham

🌐 Website: https://abdelrahmanz.netlify.app/

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/Boda1607/moneymate.git
cd moneymate

About

MoneyMate is a fast, mobile-friendly Personal Finance Web App with offline and PWA support. It lets users manage transactions, view analytics with dynamic charts, generate reports, and customize settings. AI-powered budget predictions are planned for future updates.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages