Climate data | BAP | My Order page & API implementation

[emmayank]

Description

Develop the My Orders page for the Dragon Food application, accessible via the "My Orders" option in the account section. This page will allow users to view a list of their orders, with each order displayed as an expandable/collapsible card. Expanding an order card will show the order status timeline, providing a detailed view of the order’s progress.

Goals

• [x] Add "My Orders" option to the account section, linking to the dedicated My Orders page.
• [x] Implement the My Orders page with a list of user orders, fetched from the appropriate API.
• [x] Display each order in an expandable/collapsible card format to show or hide the order status timeline.

Expected Outcome

A fully functional My Orders page where users can view a list of their orders, with detailed order status timelines in an intuitive, expandable card format.

Acceptance Criteria

• [x] "My Orders" option is available in the account section and navigates to the My Orders page.
• [x] My Orders page displays a list of user orders, with each order represented as an expandable card.
• [x] Expanding an order card shows the order status timeline, while collapsing hides it.
• [x] API integration is completed to fetch and display the user’s order list.
• [x] My Orders page UI aligns with the application theme and provides a seamless user experience.

Mockups / Wireframes

NA

Product Name

Climate data

Domain

TBD

Tech Skills Needed

• JavaScript/TypeScript
• API Integration
• UI Development
• State Management

Complexity

Medium

Category

Frontend Development

Sub Category

Order Management

[skrushna1506]

PR for above task

1. https://github.com/beckn/beckn-ui-workspace/pull/2450
2. https://github.com/beckn/beckn-ui-workspace/pull/2454

CC:- @emmayank @PritiEM