https://github.com/a-hemeda/product-management-system
Product Management System
https://github.com/a-hemeda/product-management-system
css html javascript js product-management-system webfonts
Last synced: about 1 month ago
JSON representation
Product Management System
- Host: GitHub
- URL: https://github.com/a-hemeda/product-management-system
- Owner: A-Hemeda
- Created: 2024-09-15T22:59:05.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-01-11T15:07:16.000Z (5 months ago)
- Last Synced: 2025-05-07T14:13:56.604Z (about 1 month ago)
- Topics: css, html, javascript, js, product-management-system, webfonts
- Language: JavaScript
- Homepage: https://a-hemeda.github.io/Product-Management-System/
- Size: 915 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
### [Live Demo](https://a-hemeda.github.io/Product-Management-System/)
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.