Priority: High
Difficulty: Advanced
Overview:
We need to add a Highly Recommended section on each individual product page.
This section should dynamically suggest other products based on category and/or goals of the currently viewed product.
The goal is to provide users with personalized recommendations that feel relevant and increase chances of cross-selling.
Requirements:
-
Dynamic Filtering
- Fetch all products from the backend.
- From the list, filter products that:
- Belong to the same category as the current product OR
- Share at least one goal (e.g., "Build Muscle").
- Exclude the currently viewed product.
-
UI Layout
- Section title: “Highly Recommended”.
- Display products in a slider or pagination layout (responsive, swipeable on mobile).
- Each recommended product card should include:
- Product image
- Product name
- Price
rating (stars)reviewsCount- Flavors
- Flavors dropbox
- CTA button: "View Product"
- Wishlist button (Add button to wishlist)
-
Data Fields Required (from backend)
namepricecategorygoalsimageflavorsrating (new field, float, e.g., 4.7)reviewsCount (new field, integer, e.g., 124)
-
Navigation
- Clicking on a recommended product should navigate to that product’s detail page (
/products/:id).
Technical Notes:
- This is a dynamic task: data must come from backend API, not hardcoded.
- Must handle edge cases:
- If no recommended products exist → show placeholder message: “No recommendations available for this product.”
- Ensure slider works across all screen sizes (responsive).
Assets:
Acceptance Criteria:
- Highly Recommended section appears below product description.
- Shows filtered products dynamically (by category/goals).
- Slider works smoothly on desktop & mobile.
- Each card displays image, name, price, rating, flavors, flavors dropbox, reviewsCount, wishlist button, and CTA.
- Navigation to product detail page works correctly.
- Graceful fallback when no recommendations exist.
⚠️ Notes for Contributors:
- Note: Fetch product data from
https://corexshoptest.onrender.com/api/products/:id
Priority: High
Difficulty: Advanced
Overview:
We need to add a Highly Recommended section on each individual product page.
This section should dynamically suggest other products based on category and/or goals of the currently viewed product.
The goal is to provide users with personalized recommendations that feel relevant and increase chances of cross-selling.
Requirements:
Dynamic Filtering
UI Layout
rating(stars)reviewsCountData Fields Required (from backend)
namepricecategorygoalsimageflavorsrating(new field, float, e.g., 4.7)reviewsCount(new field, integer, e.g., 124)Navigation
/products/:id).Technical Notes:
Assets:
Acceptance Criteria: