UI Development - Implement Data Fetching and Mapping for Ordering (Select) Page

[PritiEM]

Description

Implement data fetching and mapping for the Ordering (select) page to populate select options. This includes fetching data from the backend API and mapping it to the appropriate UI components. The implementation should be responsive for mobile, iPad, and web.

Goals

• Implement data fetching for the Ordering (select) page.
• Map fetched data to the appropriate UI components for displaying select options.

Expected Outcome

• Data fetching and mapping implemented for the Ordering (select) page.
• Select options displayed correctly on the page.

Acceptance Criteria

• Data is fetched from the backend API when the page is loaded.
• Fetched data is mapped to the appropriate UI components for displaying select options.

Implementation Details

• Set up data fetching logic to retrieve select options from the backend API.
• Map the fetched data to the corresponding UI components for displaying select options.
• Ensure that the implementation is responsive and works well on mobile, iPad, and web.

Mockups / Wireframes

Link to Figma designs

Product Name

Retail BAP

Domain

Retail

Tech Skills Needed

• Frontend development skills
• API integration skills

Complexity

Medium

Category

UI Development

Sub Category

Data Fetching and Mapping - Ordering (Select) Page

[meenakshi2468]

Is this open?

CC: @viraj89 @sareenEminds

[ankitShogun]

Minor changes are required due to new version catalogs @sareenEminds @meenakshi2468

[ankitShogun]

The PR for this #464