A modern, responsive web application to track your income and expenses, manage your budget, and gain insights into your personal finances. Add, edit, and delete transactions with ease, and see your balance, income, and expenses at a glance.
🌐 Live Demo: View the Expense Tracker App
- 💰 Add income and expense transactions (₹)
- 📝 Edit and delete transactions with one click
- 📊 See your current balance, total income, and total expense
- 🗂️ Transaction history with serial numbers and categories
- 🎨 Modern, professional, and responsive UI
- 🖊️ Category color coding (green for income, red for expense)
- 🖱️ Intuitive form with validation and update mode
- 📱 Fully responsive design for all devices
- Enter the amount and select the category (Income/Expense).
- Add a description and click "Add Transaction".
- Your balance, income, and expense update instantly.
- Edit or delete any transaction using the pen (✎) or cross (×) icons.
- HTML5 – For structuring the web page
- CSS3 – For styling and responsive design
- JavaScript (ES6+) – For interactive functionality
- Git – Version control
- GitHub – Code hosting
- GitHub Pages – Static website hosting
- Clone the repository:
git clone https://github.com/your-username/expense-tracker.git
- Change to the project directory:
cd expense-tracker - Open the app:
- Open
index.htmlin your web browser.
- Open
- Add your own screenshots or GIFs to highlight features and UI.
- Update colors and styles in
styles.cssto match your preferences.
Deploy your Expense Tracker easily using GitHub Pages, Netlify, or Vercel for free.
Contributions are welcome!
Feel free to open issues or submit pull requests to improve the app.
This project is licensed under the MIT License - see the LICENSE file for details.
Your Name - @pvm_harsha
Project Link: Expense Tracker