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