Skip to content

A React-based Expense Tracker that helps users efficiently manage their finances. It includes a dashboard with insightful charts, transaction management, account tracking, and a user profile page for easy updates.

Notifications You must be signed in to change notification settings

riz-33/Expense-Tracker

Repository files navigation

Expense Tracker

🔗 Live Demo: Expense Tracker


Made with ❤️ by Muhammad Rizwan

📌 Project Description

🎯 Expense Tracker – A Smarter Way to Manage Your Finances! 💰

A React-based Expense Tracker that helps users efficiently manage their finances. It includes a dashboard with insightful charts, transaction management, account tracking, and a user profile page for easy updates.

🌟 Key Features

📊 Dashboard

  • Visual representation of income & expenses using Pie, Bar, and Line charts.
  • Month-wise & year-wise expense analysis.

💸 Transactions

  • Create, edit, delete income, expenses, and fund transfers.
  • Date filter to track specific transactions.
  • Categorized transactions for better tracking.

🏦 Accounts

  • Manage account modes (Cash, Credit Card, Bank, etc.).
  • View real-time account balances and transaction impacts.

👤 Profile

  • Update user profile details easily.

🚀 Getting Started

📌 Prerequisites

  • Firebase (for authentication & database)

💻 Installation

 git clone https://github.com/riz-33/expense-tracker.git
 cd expense-tracker
 npm install
 npm start

🛠️ Tech Stack

  • Frontend: React, Ant Design
  • Backend: Firebase Firestore
  • Charts: Google Charts

🔥 Important Tip

Before recording any transactions, create an account mode from the "Accounts" page.


📷 Screenshots

alt text alt text alt text alt text alt text alt text alt text alt text


🛠️ Roadmap

Phase 1: Core Features (Completed)

  • Dashboard with income & expense reports.
  • Transactions with date filters.
  • Account management with real-time balances.
  • User profile updates.

🛠️ Phase 2: Upcoming Features

  • Recurring transactions support.
  • Export transactions to CSV/PDF.
  • Dark mode implementation.

🎯 Future Enhancements

  • AI-based spending insights.
  • Integration with bank APIs for automatic tracking.

🤝 Contributing

Pull requests are welcome! If you have ideas for improvement, open an issue first to discuss.


💬 Feedback

If you have any feedback, please reach out via LinkedIn: Muhammad Rizwan


📜 License

This project is licensed under the MIT License.


About

A React-based Expense Tracker that helps users efficiently manage their finances. It includes a dashboard with insightful charts, transaction management, account tracking, and a user profile page for easy updates.

Topics

Resources

Stars

Watchers

Forks

Languages