Skip to content

πŸ’Έ Expense Tracker β€” A sleek and responsive web app to track daily expenses with real-time total calculation and localStorage support. Built using HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

ShakebShamsi/expense-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’Έ Expense Tracker

A simple and elegant Expense Tracker web application built using HTML, CSS, and JavaScript. It allows users to add and delete expenses, automatically calculates the total, and stores data in localStorage so that expenses persist across sessions.


πŸ” Features

  • βœ… Add new expenses with name and amount
  • βœ… View all added expenses in a list
  • βœ… Delete individual expenses
  • βœ… Automatically updates the total expense
  • βœ… Data persistence using browser's localStorage
  • βœ… Responsive design (mobile, tablet, desktop)
  • βœ… Smooth UI with transitions and dark theme

πŸ–ΌοΈ Demo

🌐 Live Preview: Click here to view

(Replace your-username with your actual GitHub username once deployed)


πŸ“ Folder Structure

πŸ“¦ expense-tracker/ β”œβ”€β”€ index.html β”œβ”€β”€ styles.css └── script.js


1. Clone this repository

git clone https://github.com/ShakebShamsi/expense-tracker.git

πŸ”§ Technologies Used HTML5 CSS3 (Responsive + Transitions + Gradient backgrounds) JavaScript (Vanilla) β€” no frameworks

πŸ“¦ Future Improvements Add category filters (e.g., Food, Travel) Date-wise tracking Export as CSV or PDF Monthly summary charts using Chart.js or ApexCharts

Author: Shakeb Shamsi

About

πŸ’Έ Expense Tracker β€” A sleek and responsive web app to track daily expenses with real-time total calculation and localStorage support. Built using HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published