In this video, I’m demonstrating a simple Expense Tracker web application built using HTML, CSS, and JavaScript.
This project allows users to:
✔ Add daily expenses with name and amount
✔ View a list of all expenses
✔ Automatically calculate the total expense
✔ Delete individual expenses
✔ Save data using browser LocalStorage (data persists after refresh)
The app is fully responsive and designed with a clean dark UI. It’s a great beginner-friendly project to understand DOM manipulation, event handling, and LocalStorage in JavaScript.
🔧 Technologies Used:
- HTML5
- CSS3
- Vanilla JavaScript
- Browser LocalStorage
📂 GitHub Repository:
👉 https://github.com/student-Sayan75/Expense-tracker-web-app
🚀 Features:
- Real-time total calculation
- Persistent data storage
- Simple and clean UI
- No external libraries used
📌 Note: This is a frontend UI-only project for educational purposes.
No real payments, authentication, or data collection is involved.
This project is perfect for beginners who want hands-on practice with JavaScript and frontend development.
If you find this useful, don’t forget to like, share, and subscribe 😊
Download
0 formats
No download links available.
Expense Tracker App Using JavaScript | LocalStorage Based Project | HTML CSS JS | NatokHD