Product Management System
CRUD app for managing products, with search and automatic totals.
Overview
A product management dashboard to create, view, update and delete products.
My role
Designed and built it on my own.
Features
- Create, read, update and delete products
- Live total (price + taxes + ads − discount) with a color indicator
- Bulk create: add up to 100 copies of a product at once
- Live search by title or category
- Delete All button showing the product count
- Data saved in localStorage
Challenges
Problem
Keeping the total correct while the user types.
Solution
Recalculated the total on every keystroke in the price fields.
Problem
Data disappeared on page reload.
Solution
Saved products to localStorage and loaded them on start.
Tech stack
- JavaScript
- HTML
- CSS
- localStorage
On mobile
