Project

General

Profile

ClientProject #3059

Updated by Md.Sajib Ahmed 7 months ago

 
 ### Scope 

 Design and implement the **Truck Stock Car Details Page** with product information, specifications, and image gallery integration. 

 --- 

 ### Tasks 

 1. **Product Details API** 

    * Design and prepare the **Truck Stock Product Details API**. 
    * Ensure proper response structure with product details, specifications, and images. 

 2. **API Integration** 

    * Integrate product details API into the car details page. 
    * Handle loading, error, and empty states gracefully. 

 3. **Product Specification Section** 

    * Design **product specification UI section**. 
    * Fetch and display specification data from the API. 
    * Ensure responsive layout for desktop, tablet, and mobile. 

 4. **How to Buy Section** 

    * Implement a **reusable “How to Buy” component**. 
    * Integrate it into the product details page for consistency. 

 5. **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. 

 6. ** 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. 

Back