A modern, full-screen Expense Tracker web application built using React. This app helps users manage their daily income and expenses, calculate balance automatically, and persist data using localStorage.
- ➕ Add income and expense transactions
- ➖ Delete transactions
- 📊 Automatic balance, income & expense calculation
- 💾 Data persistence using localStorage
- 🖥️ Full-screen responsive UI
- 🎨 Clean and modern design
- React (Vite)
- JavaScript (ES6)
- CSS (Responsive & Full Screen UI)
- localStorage
expense-tracker/
│── src/
│ ├
│ │
│ │
│ │--App.css
│ │--ExpenseTracker.css
│ ├-- App.jsx
│ ├-- main.jsx
│ └-- index.css
│── index.html
│── package.json
│── README.md
git clone https://github.com/your-username/expense-tracker.gitcd expense-trackernpm installnpm run dev- Users enter a description and amount
- Positive amount → Income
- Negative amount → Expense
- React state manages transactions
- localStorage saves data permanently
- Balance updates in real-time
- React functional components
- State & props handling
- Conditional rendering
- Array operations (map, filter, reduce)
- localStorage integration
- Responsive UI design
If you like this project, don’t forget to star ⭐ the repository!