Skip to content

Repository files navigation

Expense-Tracker

A simple and interactive web app that helps users track their daily income and expenses. It allows you to add, edit, and delete transactions, manage multiple accounts, and see real-time balance updates. This project was built using HTML, CSS, and JavaScript, with a focus on user-friendly design and dynamic DOM manipulation.

💰 Expense Tracker Web App

A beginner-friendly, interactive web app to track your daily income and expenses. Built using HTML, CSS, and JavaScript, this project helps you manage finances in a simple and clean interface.

🚀 Features

  • ✅ Add income and expense transactions
  • 🏦 Manage multiple accounts
  • 📊 Real-time balance updates
  • 🎨 Color-coded transactions (green for income, red for expense)
  • 🧹 Clear/reset data functionality
  • 📱 Responsive design for mobile and desktop

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

📸 Screenshots

(You can upload screenshots and add them like below)
App Screenshot

📂 Folder Structure

📦 expense-tracker/ ├── index.html ├── style.css ├── script.js └── README.me

📈 Learning Outcomes

  • DOM manipulation with vanilla JavaScript
  • Event handling and form validation
  • Dynamic UI updates without page reload
  • Clean and readable code structure
  • Real-world problem-solving with basic web technologies

🎯 Future Improvements

  • Add category filters (e.g. food, travel, bills)
  • Export to CSV or PDF
  • Dark mode toggle
  • Login system for user-specific data

🔗 Live Demo

👉 View Live App (replace with your link)

📁 GitHub Repo

👉 GitHub Repository (replace with your GitHub URL)

🙋‍♂️ About Me

Hi, I'm Shashwat Kesharwani, a passionate web developer exploring the world of full-stack development.
Connect with me:


Feel free to fork this repo, give it a ⭐ if you like it, and suggest improvements!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages