Project

General

Profile

Actions
Copy link

ClientProject #3730

open

ClientProject #3702: [COMMON]: Components Design and API Integration

[C-FE]: Product grid card design & API integration

Added by Md.Sajib Ahmed 5 months ago. Updated 4 months ago.

Status:
Complete
Priority:
High
Assignee:
Md.Sajib Ahmed
Target version:
Revamp.v1.2: sprint 01
Start date:
11/25/2025
Due date:
% Done:

100%

Estimated time:
4:00 h
Spent time:
2:00 h

Description

1. Product Grid Card Design

  • Design a responsive product grid card component.

  • Display the following elements:

    • Product title
    • Product image
    • Product price

  • On hover, change the product image to an alternate image.

2. API Integration

  • Fetch product data from the relevant API.
  • Map API response correctly to display title, image, and price.
  • Ensure smooth rendering and fast loading of images.

3. Responsiveness

  • Ensure the product grid works seamlessly across mobile, tablet, and desktop breakpoints.
  • Maintain proper spacing and alignment between cards.

Related issues 1 (1 open — 0 closed)

Related to PQS_Japan - ClientProject #3714: [HOME]: Responsive design and reusable component integrateComplete Md.Sajib Ahmed11/25/2025

Actions
Actions
Copy link

Also available in: Atom PDF