Skip to content

A-Hemeda/Product-Management-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Product Management System

Overview

This is a simple CRUD (Create, Read, Update, Delete) application for managing products and categories. The application provides a user interface to add, edit, and delete both categories and products. It also includes a DataTable for displaying and managing the product data.

Features

  • Categories
    • Add, edit, and delete categories.
    • View the total number of categories.
  • Products
    • Add, edit, and delete products.
    • View product details in a responsive DataTable.
    • Calculate and display the total price of products.
  • Export to PDF
    • Export the product DataTable to a downloadable PDF.

Technologies Used

  • HTML
  • CSS (Bootstrap for styling)
  • JavaScript (jQuery, DataTables)
  • Font Awesome for icons
  • html2pdf for PDF export functionality

Usage

1- Open the index.html file in a web browser.

2- Use the provided form to add new categories and products.

3- View and manage the data in the DataTable.

4- Edit or delete existing categories and products.

5- Export the DataTable to a PDF using the "Download" button.

Installation

No installation is required. Simply open the index.html file in a web browser.

Live Demo

Experience the Tabs Project in action! Click the link below to access the live demo:

Feel free to interact with the project, browse through different jobs, and explore the user-friendly interface. The live demo provides a hands-on experience to see the Tabs Project in action.