Actions
ClientProject #3059
open[Details Module]: Car Details Page Design & API Integration
Start date:
09/04/2025
Due date:
09/04/2025 (about 7 months late)
% Done:
100%
Estimated time:
8:00 h (Total: 11:00 h)
Spent time:
21:30 h (Total: 22:30 h)
Description
Scope¶
Design and implement the Truck Stock Car Details Page with product information, specifications, and image gallery integration.
Tasks¶
-
Product Details API
- Design and prepare the Truck Stock Product Details API.
- Ensure proper response structure with product details, specifications, and images.
-
API Integration
- Integrate product details API into the car details page.
- Handle loading, error, and empty states gracefully.
-
Product Specification Section
- Design product specification UI section.
- Fetch and display specification data from the API.
- Ensure responsive layout for desktop, tablet, and mobile.
-
How to Buy Section
- Implement a reusable “How to Buy” component.
- Integrate it into the product details page for consistency.
-
Product Showcase (React Gallery)
- Use React Gallery library for displaying product images.
- Add carousel/slider functionality for multiple images.
- Ensure zoom and swipe support for better UX.
-
** Related Products **
- Create seperate RelatedProducts.tsx file
- Hanlde all stocks products with title and image.
- Currently comment out the related product component for required API.
Actions