💸 Expense Tracker App

A simple and responsive web application to track income and expenses. Built with React, Redux, and Vite, and deployed on Vercel. Users can add transactions, view their balance, and store data persistently using localStorage.Track your daily spending habits and gain financial awareness with an intuitive UI. Helps users maintain a record of all incomes and expenses with real-time updates.Designed for simplicity, speed, and seamless user experience across all devices.Lightweight and blazing fast thanks to Vite and optimized React components.A great beginner-friendly project to learn Redux for global state management.

🔗 Live Demo

👉 https://expense-tracker16.vercel.app/

📸 Screenshots

🏠 Home Page

➕ Add Transaction Page

🚀 Features

• Add income and expense transactions
• View transaction history
• Display total balance, income, and expenses
• Persist data using localStorage
• Responsive design
• Built with modular React components and Redux store

🛠️ Tech Stack

• Frontend: React, Redux
• Build Tool: Vite
• Styling: CSS
• State Management: Redux
• Deployment: Vercel

📦 Installation

git clone https://github.com/your-username/expense-tracker.git
cd expense-tracker
npm install
npm run dev

📁 Folder Structure

expense-tracker/
├── public/
├── src/
│   ├── components/
│   ├── redux/
│   ├── App.jsx
│   ├── index.js
│   └── styles/
├── .gitignore
├── package.json
└── README.md

💡 Usage

• Add your transactions (income or expense).

• View your financial summary.

• All data is saved automatically in your browser.

📚 Learning Outcomes

• Learned how to manage app-wide state using Redux.

• Practiced component-based architecture in React.

• Used localStorage for persistent state handling.

• Gained experience with Vite for faster development workflow.

🧑‍💻 Author

Priya Chanchal :)