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.
- β 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
π Live Preview: Click here to view
(Replace
your-username
with your actual GitHub username once deployed)
π¦ expense-tracker/ βββ index.html βββ styles.css βββ script.js
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