Loading
All work
1st semester · summer break
JS Billing App
Vanilla JS, first semester summer break
A billing application that takes product name, price, and quantity, and calculates both an item-wise total and a running grand total live in the browser — no framework, no build step, just HTML, CSS, and JavaScript talking directly to the DOM.
Built during the summer break after first semester at UET Lahore, specifically to practice DOM manipulation and form handling before frameworks entered the picture.
Key features
- Add unlimited line items with name, price, and quantity
- Live item-wise and grand totals, no page refresh
- Basic form validation against bad input
Challenges solved
- Keeping running totals accurate and in sync purely with DOM event handling
What it taught me
- Core DOM manipulation and event handling, before ever reaching for a framework
More like this
Live
2Product Listing UI
A clean, responsive storefront grid — no framework, just fundamentals
A responsive product listing interface in vanilla HTML, CSS, and JavaScript, built as an assigned front-end task and the most-starred repository on the profile.
HTML5
CSS3
JavaScript
