A complete product management system developed using HTML, CSS, and JavaScript — no frameworks or libraries. It lets you create, update, delete, and sell products with real-time UI updates and data persistence via localStorage
.
- Add, update, delete products
- Auto-calculates total price (price + taxes + ads - discount)
- Supports multiple product entries with count
- Includes:
- Input validation
- Dynamic total preview
- Highlight low-stock products
- Search and select product to sell
- Autocomplete input for product name
- Reduces stock count after sale
- Includes:
- Quantity validation
- Total price calculation for the sold quantity
- Sale confirmation and UI feedback
- Search by product title or category
- Instant filtering as you type
- Highlights matching results in the table
- Toggle between dark and light themes
- Mode switch button updates label dynamically
- Styles total label accordingly
- All product data is saved in browser localStorage
- Data persists across page reloads and browser sessions
Just open the index.html
file in your browser. No setup required.
- HTML5
- CSS3
- JavaScript (ES6)
- localStorage (Browser Storage)