Skip to content

AmalShalabi/Product-Management-System-CRUD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Full Product Management System CRUD with HTML and Vanilla JavaScript Demo

This is a full product management system that allows users to create, read, update, and delete products using HTML and Vanilla JavaScript. It utilizes local storage to store and retrieve product data.

Getting Started

  1. Clone or download the repository: git clone https://github.com/AmalShalabi/Product-Management-System-CRUD.git
  2. Open the index.html file in your browser
  3. The products table will be empty at first, but you can add new products by clicking the "Create" button and filling out the form.
  4. You can also edit or delete existing products/All products by clicking the corresponding buttons on the products table

Features

  • Validation:This code contains validation for all inputs, ensuring that no fields are left empty and that the product count is less than 100. Attempting to create a new product with a count greater than 100 will result in an error.
  • Create new products
  • View all products
  • Edit existing products
  • Delete existing products
  • Utilizes local storage for data persistence

Limitations

  • Only works with current browser session
  • No backend functionality

Contributions

Feel free to fork the repository and submit pull requests for any new features or bug fixes.