🚀 Expense Tracker Web Application 🚀

---

🔖 Project Description

A modern expense-tracking application that helps users manage their finances effectively. Built with React and Firebase, this application provides an intuitive interface for tracking expenses, setting budgets, and visualizing spending patterns through interactive charts.

---

📈 Features and Functionality

1. Expense Management 💳

• Add New Expenses:
  • Amount
  • Category
  • Date
  • Description
• Delete Existing Expenses
• View Expense History

2. Budget Tracking 🏦

• Set Monthly Budget
• Real-Time Budget Progress Tracking
• Visual Indicators:
  • Remaining budget
  • Over-budget warnings
  • Percentage of budget used

3. Visual Analytics 🔍

• Interactive Pie Chart: Showing expenses by category
• Bar Chart: Displaying daily expenses
• Monthly Overview: Total expenses
• Budget Progress Visualization

4. User Interface 🎨

• Modern, Responsive Design
• Dark Mode Support
• Intuitive Navigation
• Real-Time Updates

---

🔧 Setup Instructions

🔹 Prerequisites

• Node.js: v14 or higher
• npm: Installed
• Web Browser

🔹 Installation Steps

1. Clone the Repository:

   git clone https://github.com/sainatha-reddy/interactive-Expense-Tracker.git

2. Install Dependencies:

   npm install

3. Start the Development Server:

   npm run dev

4. Access the Application:
   • Open your web browser
   • Navigate to http://localhost:5173

---

👥 Group Members

Name	Roll Number
K. Akshay	CS23B1026
G. Shanumukha	CS23B1032
K. Krishna Chaitanya	CS23B1026
Y. Sainatha Reddy	CS23I1010

---