💰 Expense Tracker

A full-stack, responsive web application to help you manage your personal finances. Whether you're budgeting for groceries or tracking monthly savings, this app empowers you to stay in control of your money.

---

🧾 Overview

Expense Tracker is a web application designed to help users manage their personal finances by tracking income, expenses, budgets, and transactions. It provides a clean and intuitive interface with features such as budget management, transaction history, calendar view, and profile settings. The app supports dark mode and includes notifications for budget limits and low balances.

---

✨ Features

🔐 User Authentication – Sign up, log in, and reset password securely
📊 Dashboard – Financial summary with charts and latest transactions
➕ Transactions – Add, edit, and delete income or expense records
🗂️ Budgets – Create and monitor category-wise spending
📅 Calendar View – See all transactions on a date-wise basis
📤 Export Data – Easily export transaction history
👤 Profile Management – Update details and toggle dark/light themes
🔔 Notifications – Alerts for low balances and budget limits
📱 Responsive Design – Mobile-friendly interface
🎞️ Subtle Animations – Smooth UI interactions with Framer Motion

---

📸 Screenshots

Getting Started

Dashboard

Managing Budget

---

🛠️ Technologies Used

• React with TypeScript
• React Router
• Tailwind CSS
• Framer Motion
• React Hot Toast
• Lucide React
• REST API
• Local Storage

---

📂 Project Structure

• src/contexts/: React context providers (Auth, Notification)
• src/components/: Reusable UI and layout components
• src/pages/: Main application pages (Dashboard, Budget, Profile, etc.)
• src/lib/: API and storage utility functions
• src/App.tsx: Main routing and context setup

---

🚀 Getting Started

Clone the repository:

git clone https://github.com/Anusha-2024/Expense_Tracker.git

Navigate to the project directory:

cd Expense_Tracker

Install dependencies:

npm install

Run the development server:

npm run dev

Visit http://localhost:3000 to open the app in your browser.

🧪 Usage

• Register a new account or log in
• Use the dashboard for financial overview
• Add transactions and budgets to track your spending
• View transactions on the calendar
• Toggle dark mode
• Receive notifications for low balance or budget alerts

---

🔮 Future Improvements

• Support for recurring transactions
• Multi-currency support
• Cloud sync
• Advanced analytics and reporting
• Accessibility improvements

---

📩 Contact

Created by Anusha
📧 Email: krianusha09@gmail.com

---

📝 License

This project is licensed under the MIT License.