Product Inventory Management System

What it is:

A simple web app for keeping track of products in one place — add new items, edit details, remove old ones, and find anything instantly. Everything you enter is saved automatically, so your list is still there when you close and reopen

the page. Built for small shops, side projects, or anyone who needs a quick, no-fuss product list.

Tech stack:

HTML, CSS (Bootstrap), and JavaScript — no frameworks, no server needed, and data saves right in your browser.

Key features:

- Add products with a name, category, price, discount, quantity, and description

- Edit any product — click the edit icon and the details load straight into the form

- Delete products with one click, with the change saved immediately

- Search products as you type, by name or by maximum price

- Data is kept automatically — no "Save" button, no losing your work on refresh

- Works on phones, tablets, and desktops

- Clean dark interface with clear, color-coded action buttons

Technical highlights:

- Vanilla ES6 JavaScript — no framework, no build step, easy to read and extend

- Bootstrap 5 grid for responsive layout; Font Awesome for action icons

- localStorage persistence with JSON serialization — zero backend

- Three-file architecture with full CRUD plus live search

- Two-state form UI: Add button swaps to Update automatically when editing