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.
- 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.
- HTML
- CSS (Bootstrap for styling)
- JavaScript (jQuery, DataTables)
- Font Awesome for icons
- html2pdf for PDF export functionality
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.
No installation is required. Simply open the index.html
file in a web browser.
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.