chore: add initial assignment details and UX design image

README.md

@@ -1,2 +1,31 @@
-# 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:
+
+![UX design image](./images/UX-design.jpg)