☑Kizspy. melestion 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, Category, Price, and Rate (average rating of reviews) in a table.
Include a dropdown list box to filter products by category, with categories returned
from the API.
Figure 1: Fetch and display products
Zoom
Dalam
k
Shopping System
-Select a category
Title
Category
Action
Cart
Essence Mascara Lash
beauty
939
300
Your cart is empty!
Add To Cart
Eyeshadow Palette
beauty
19.99
3.33
Add to Cart
Powder Canates
beauty
1400
467
Add To Cart
Red Lipstick
beauty
12.99
4.67
Add to Cart
Red Nail Polish
beauty
200
467
And Cart
Calvin Klein CK One
fragrances
49.99
300
Add Se Cart
Chanel Coca Noir tau De
fragrances
12999
300
Add to Cart
Dior Fadore
fragrances
89.99
433
Add To Cart
+ 78%
2
Orders History
Close
