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.
- Clone or download the repository:
git clone https://github.com/AmalShalabi/Product-Management-System-CRUD.git
- Open the index.html file in your browser
- The products table will be empty at first, but you can add new products by clicking the "Create" button and filling out the form.
- You can also edit or delete existing products/All products by clicking the corresponding buttons on the products table
- 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
- Only works with current browser session
- No backend functionality
Feel free to fork the repository and submit pull requests for any new features or bug fixes.