Product Management Console

Build a small product catalog web app.

It should have the following screens:

• Product Create/Edit
• Product List

Requirements:

A Product has the following attributes:

• Name (required)
• SKU (alphanumeric, required)
• Description (optional)
• Brand (optional)
• Image URL (optional)

Product Create/Edit Screen
• Contains a form for adding new products or updating existing products.
• Form has validation for required fields.
• Upon submit, navigates to the Product List Screen.



Product List Screen

• Lists known Product with columns Name/SKU/Description/Brand
• Description is truncated if longer than 40 characters
• Supports the following navigation & actions:
• When selected by clicking, reveals a summary of the Product (including its image) in an adjacent pane to the right of the Product list
• Add New Product (links to Product Create/Edit Screen)

Product Operations supported
• Shows Product fields (read-only)
• Supports the following navigation and actions:
• Link to Product List
• Delete this Product
• Edit this Product

How to build the application

Run the following command

ng serve