Skip to content

HrishikeshThakkar-github/CRUD-Operation-in-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CRUD - Product Management System

📌 Overview

This is a CRUD-based Admin Panel for managing products, allowing administrators to:

  • Add new products
  • Edit existing products
  • Delete products
  • Sort and Search products
  • Upload product images from local storage (JPG & PNG, max size: 1MB)

All data is stored in Local Storage, ensuring persistence across page reloads.


🛠️ Features

Create a Product

  • Enter Product Name, Price, Description, and Upload an Image.

Update a Product

  • Select an existing product to modify its details.

Delete a Product

  • Remove any product from the list.

🔍 Search Products

  • Instant search functionality to filter results dynamically.

🔃 Sort Products

  • Sort by Product Name or Price in ascending/descending order.

📂 Local Storage Integration

  • All products are saved in Local Storage, so they persist across sessions.

🚀 How to Use

  1. Open index.html in a browser.
  2. Use the "Add Product" button to create a new product.
  3. Use the "Edit" button to update any product.
  4. Click "Delete" to remove a product.
  5. Use the Search & Sort features for easy management.

📌 Technologies Used

  • HTML, CSS, JavaScript
  • Bootstrap (Optional for UI Enhancements)

View

CRUD-Operation

About

CRUD Operation in JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published