Develop a "My Ride" page in the Driver App where drivers can view their past and ongoing rides. Add a three-dot menu in the top right section that opens a popup with options to navigate to "My Ride," "Profile," and "Logout."
Goals
[x] Implement a "My Ride" page that displays all past and ongoing rides.
[x] Add a three-dot menu in the top right section with options: My Ride, Profile, and Logout.
[x] Ensure smooth navigation between the popup options and the respective pages.
[x] Display ride details such as drop address, date, time, total fare, and status.
[x] Include tabs for filtering rides: All, Ongoing, and Completed.
Expected Outcome
A functional "My Ride" page displaying past and ongoing rides with detailed information.
A three-dot menu in the top right section with options to navigate to My Ride, Profile, and Logout.
Smooth and intuitive navigation between the popup options and the respective pages.
Accurate display of ride details and filtering options on the "My Ride" page.
Acceptance Criteria
[x] The three-dot menu should be visible in the top right section of the app.
[x] Clicking the three-dot menu should open a popup with options: My Ride, Profile, and Logout.
[x] Clicking "My Ride" should navigate the user to the "My Ride" page.
[ ] The "My Ride" page should display past and ongoing rides with the following details:
[ ] Drop Address
[x] Date
[x] Time
[x] Total Fare
[x] Status
[ ] The "My Ride" page should have tabs for filtering rides: All, Ongoing, and Completed.
Description
Develop a "My Ride" page in the Driver App where drivers can view their past and ongoing rides. Add a three-dot menu in the top right section that opens a popup with options to navigate to "My Ride," "Profile," and "Logout."
Goals
Expected Outcome
Acceptance Criteria
Mockups / Wireframes
Figma Mockups for My Rides
Product Name
Beckn
Domain
Mobility
Tech Skills Needed
Complexity
Medium
Category
Frontend Development
Sub Category
Feature Implementation