mohamedismail53 / product-management-system

A comprehensive Product Management System handling CRUD operations using vanilla JavaScript, HTML, and CSS, with local storage for data persistence. Ideal for learning web development.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Product Management System

Overview

This repository contains a comprehensive Product Management System designed to handle CRUD (Create, Read, Update, Delete) operations for product entries. Built with vanilla JavaScript, HTML, and CSS, this project is an excellent starting point for understanding fundamental web development concepts and local storage handling.

Features

  • Create Product: Add new products with attributes such as title, price, taxes, ads, discount, count, and category.
  • Read Products: View a list of all products in a dynamically generated table.
  • Update Product: Modify existing product details.
  • Delete Product: Remove individual products or delete all products at once.
  • Search Functionality: Search products by title or category.
  • Total Calculation: Real-time calculation of the total price based on input values for price, taxes, ads, and discount.

Technology Stack

  • Frontend: HTML, CSS, JavaScript
  • Storage: Local Storage (for persisting product data across sessions)

Getting Started

To run this project locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/mohamedismail53/product-management-system.git
  1. Navigate to the project directory:
cd product-management-system
  1. Open index.html in your web browser

About

A comprehensive Product Management System handling CRUD operations using vanilla JavaScript, HTML, and CSS, with local storage for data persistence. Ideal for learning web development.


Languages

Language:JavaScript 62.0%Language:HTML 25.1%Language:CSS 12.9%