Skip to content

A simple Product Management System using HTML, CSS, and JavaScript. It supports adding, updating, deleting, selling products, searching, and switching between dark/light modes. Data is saved using localStorage.

Notifications You must be signed in to change notification settings

12234g11/Product-Management-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ Product Management System (CRUD + Sell)

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.


📦 Features

1. ✅ Product CRUD

  • 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

2. 💰 Sell System

  • 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

3. 🔍 Search & Filter

  • Search by product title or category
  • Instant filtering as you type
  • Highlights matching results in the table

4. 🌗 Dark/Light Mode

  • Toggle between dark and light themes
  • Mode switch button updates label dynamically
  • Styles total label accordingly

5. 💾 localStorage Integration

  • All product data is saved in browser localStorage
  • Data persists across page reloads and browser sessions

🖥️ Getting Started

Just open the index.html file in your browser. No setup required.


🧪 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • localStorage (Browser Storage)

About

A simple Product Management System using HTML, CSS, and JavaScript. It supports adding, updating, deleting, selling products, searching, and switching between dark/light modes. Data is saved using localStorage.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published