PRODUCTS DASHBOARD
Description: Dashboard for editing and deleting product information
Technology: Angular and Node Express
INSTRUCTIONS
-
To run App clone Angular-Front and Angular-Back repositories into separate directories
https://github.com/bmp713/Angular-Front.git
https://github.com/bmp713/Angular-Back.git -
cd into root directory for both
-
run npm i for both
-
run npm start for Angular-back
-
run ng serve --open for Angular-front
FEATURES
-
All content is mobile responsive for all devices
-
Products are loaded from products.json
-
Products can be filtered without refresh by exact product name, type, and color with results displaying
-
Filters can be cleared with Clear button
-
Pagination for next 10 products
-
Edit product routes to Product Details page where product name, type, color, price, and description can be updated
-
Product page has form validation for each field character length, and if filled in
-
Delete product button was moved to product details to prevent accidental deletes