Concept
This is a simple responsive and mobile-friendly web app, that gives provisions to add new products, display products, and mass delete selected products.
Languages & Frameworks
I built this simple web app using PHP, jQuery, Bootstrap, HTML, CSS.
Features & Functions
1. Product Add Page –
- Contains a dynamic form to enable an admin add products to the MySQL database
- The dynamic form supports 3 different categories.
- Each category displays its unique input field once selected.
- The form would not submit if any of the required fields are left empty.
- The form would not submit if the SKU already exists in the MySQL database.
- Notifications are displayed to hint the user on the reasons why the form failed to submit.
- When the form successfully submits, the product would be added to the MySQL database and the user would be redirected to the page that displays all added products.
- The process of adding a new product can be aborted by clicking the Cancel button.
2. Product List Page –
- Beautifully displays existing products on the MySQL database in a grid layout.
- Unwanted products can be deleted by first selecting the individual checkboxes of the unwanted products and by clicking the “Mass Delete” button.
- The Product Add page can be returned to by clicking the ADD button
