WebProductCatalogAssignment

Assignment use cases

1. Implement UI based on below UX design (take this as reference, need not to be exact similar).
2. Show list of categories and products.
3. On click of category, show corresponding products.
4. On click of all categories, show all products for all categories.
5. Price range based filtering (could make use of slider)

Framework:

• Free to use any framework for html, CSS, JS or TS.

Brownie Points:

1. sorting based on prices
2. sorting based on discounts (assume discount of 10 % discount on jewellery and 30% discount on men's clothing), applicable only when "All categories" is selected.

Expectation:

1. 100% implementation of above use cases.
2. Intuitive UI.
3. Modular code with atomic components.
4. Clean code with a focus on readability, scalability and maintainability.

API Reference:

Make use of API's from https://fakestoreapi.com/docs

UX Design: