A modern, fully functional CRUD (Create, Read, Update, Delete) application for product management.
Live Preview: hasan-hadba.github.io/Full-product-management-system/
- Product Management: Easily add, update, and delete products from your inventory[cite: 3].
- Auto-Calculation: Real-time calculation of total price based on price, taxes, ads, and discounts[cite: 3].
- Search Functionality: Search for products efficiently by title or category[cite: 3].
- Dashboard Analytics: View total product count and the cumulative value of all stock items[cite: 2, 3].
- Data Persistence: Uses LocalStorage to save your data locally in the browser[cite: 3].
- Safe Deletion: Includes confirmation dialogs before deleting items to prevent data loss[cite: 3].
- HTML5: Semantic structure for a clean web layout[cite: 2].
- CSS3: Modern, responsive design with a dark-themed aesthetic and smooth transitions[cite: 1].
- JavaScript (ES6+): Core logic for DOM manipulation and data management[cite: 3].
system.html: The main structural file[cite: 2].style.css: Contains the modern dark-mode styling and responsive queries[cite: 1].system.js: Handles the CRUD operations and dashboard logic[cite: 3].
Simply clone the repository and open system.html in your favorite web browser.