Back to Browse

Expense Tracker App Using JavaScript | LocalStorage Based Project | HTML CSS JS

20 views
Jan 26, 2026
1:11

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