https://github.com/pvm-harshavardhan/expense-tracker
A modern, responsive web app to track your income and expenses. Easily add, edit, and delete transactions, view your balance, and manage your budget with a clean, user-friendly interface.
https://github.com/pvm-harshavardhan/expense-tracker
css3 git github github-pages html5 javascript-es6
Last synced: about 2 months ago
JSON representation
A modern, responsive web app to track your income and expenses. Easily add, edit, and delete transactions, view your balance, and manage your budget with a clean, user-friendly interface.
- Host: GitHub
- URL: https://github.com/pvm-harshavardhan/expense-tracker
- Owner: pvm-harshavardhan
- License: mit
- Created: 2025-06-23T12:19:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-23T13:27:41.000Z (about 1 year ago)
- Last Synced: 2025-06-23T14:35:08.602Z (about 1 year ago)
- Topics: css3, git, github, github-pages, html5, javascript-es6
- Language: CSS
- Homepage: https://pvm-harshavardhan.github.io/expense-tracker/
- Size: 264 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 💸 Expense Tracker
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](https://pvm-harshavardhan.github.io/expense-tracker/)
[](LICENSE)
[](https://developer.mozilla.org/en-US/docs/Web/HTML)
[](https://developer.mozilla.org/en-US/docs/Web/CSS)
[](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[](https://git-scm.com/)
[](https://github.com/)
[](https://pages.github.com/)
---
## ✨ Features
- 💰 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
---
## Usage
1. Enter the amount and select the category (Income/Expense).
2. Add a description and click "Add Transaction".
3. Your balance, income, and expense update instantly.
4. Edit or delete any transaction using the pen (✎) or cross (×) icons.
---
## 🚀 Tech Stack
- **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
---
## 🛠️ Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/expense-tracker.git
```
2. **Change to the project directory:**
```bash
cd expense-tracker
```
3. **Open the app:**
- Open `index.html` in your web browser.
---
## 🖼️ Customization & Screenshots
- Add your own screenshots or GIFs to highlight features and UI.
- Update colors and styles in `styles.css` to match your preferences.
---
## 🌐 Deployment
Deploy your Expense Tracker easily using **GitHub Pages**, **Netlify**, or **Vercel** for free.
---
## 🤝 Contributing
Contributions are welcome!
Feel free to open issues or submit pull requests to improve the app.
---
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
## Contact
Your Name - [@pvm_harsha](https://x.com/pvm_harsha)
Project Link: [Expense Tracker](https://github.com/pvm-harshavardhan/expense-tracker)
---