Product System Management

A simple, client-side Product System Management application built with HTML, CSS, and Vanilla JavaScript.
It allows you to create, read, update, and delete (CRUD) products, search through them, and persist data using the browser’s localStorage.

This project is great for practicing core front-end concepts like form handling, DOM manipulation, CRUD operations, and working with localStorage.

---

🚀 Live Demo

👉 Demo: https://benzianeyounes.me/Product-System-Managment/
👉 Repository: https://github.com/Jones-6199/Product-System-Managment

---

✨ Features

• Add Products
  • Add products with basic details (e.g., name, price, category, etc.).
• Edit / Update Products
  • Modify existing product information directly from the list.
• Delete Products
  • Remove a single product from the list.
  • (Optionally) clear all products, depending on your implementation.
• Search
  • Search for products dynamically (e.g., by name or category).
• LocalStorage Persistence
  • All products are stored in the browser using localStorage.
  • Data remains available even after refreshing or closing the tab.
• Clean & Simple UI
  • Minimal, easy-to-use interface.
  • Built using only HTML, CSS, and Vanilla JavaScript—no frameworks.

---

🛠️ Tech Stack

• HTML5 – Structure and markup
• CSS3 – Styling and layout
• JavaScript (ES6+) – Application logic and DOM manipulation
• LocalStorage – Client-side data persistence

---

📂 Project Structure

This is a generic overview. Your actual file names or folders may differ slightly.