R202_-_PE_-_SP_2025_-_s_2_3454.webp

☑ Kizspy. me Question 1 (4 marks) - Fetch and Display Products
Create a component that retrieves and displays all products from the API endpoint:
GET http://localhost: 9999/products
Requirements:
• Component is routed at URL: http://localhost:3000 (0 points if incorrect the URL)
Design the correct layout.
• Display the Title, Price, Category and Average Rate (average rating of reviews) in the
Card(s).
Include a dropdown list box to filter products by category, with categories returned
from the API.
Figure 1: Fetch and display products
- C
localhost 1000
--Select all category-
Essence Mascara Lash
Price: 9.99
Category beauty
Average Rate: 3.5
Add New Review
Zoom
+ 100%
Products Review System
Reviews details:
Eyeshadow Palette with
Powder Canister
Select a product to Review
Price: 19.99
Price: 14.99
Category beauty
Category: beauty
Average Rate: 4.0
Average Rate: 4.8
Add New Review
Add New Review
Shore Review List
Close