Ionic 5 Carpool App Starter
  • Introduction
  • Ionic 5 Carpool App Template
  • Why to use this Template
  • Initial Setup
  • Running the app
  • Template Features
    • Screens
      • Landing, Login, Signup, Forgot Password
      • Home, Ride History
      • Offer Ride Flow
      • Find a Ride Flow
      • Chat Pages
      • Profile Pages
    • Features
  • How to use this Template
    • Two way to use the Template
    • Modifying Code
    • Removing a Page
    • Removing a plugin
    • Integrating Back-end
    • Add More Features
  • Building App on Device
    • Building App on Device
    • Deploying app as PWA
  • Extra
    • FAQs
    • Troubleshooting
Powered by GitBook
On this page
  • Offer Ride — Pick-up
  • Offer Ride — Pick-up — Map
  • Offer Ride —Drop-off
  • Offer Ride —Drop-off— Map
  • Add Stopover
  • Add Stopover — Complete journey on the map
  • Calendar page
  • Comfort page
  • Total passenger
  • Permission to book by Passengers instantly
  • Recommended price per seat
  • Don’t Agree Page
  • Edit Price
  • Return Trip Plan
  • Return Trip Plan date selector
  • Message for the passengers
  • Offer Ride Confirmation

Was this helpful?

  1. Template Features
  2. Screens

Offer Ride Flow

PreviousHome, Ride HistoryNextFind a Ride Flow

Last updated 4 years ago

Was this helpful?

Offer Ride — Pick-up

User’s pickup location.

This page can be accessed by clicking on Offer a ride button on the home page or from the Center Offer tab. Here you can search for a pickup location of your choice or bu clicking on use current location to access your current location with the help of Ionic geolocation plugin.

Offer Ride — Pick-up — Map

PickUp page also contains map to show the location. User can also select their current location using Use Current Location button. This page navigates to the drop-off page.

Offer Ride —Drop-off

This page can be accessed by clicking on the arrow forward button on the pick-up-map page. Here you can select your drop location same as the pickup location. This page navigates to drop-off map view page.

Offer Ride —Drop-off— Map

Drop-off page also contains map to show the location. User can also select their current location using Use Current Location button. This page navigates to the Add Stopover page.

Add Stopover

This page can be accessed by clicking on the arrow forward button on the drop-off-map page. Here you can select your stopover in-between the journey. This page navigates to Add Stopover Page for adding multiple stopovers.

Add Stopover — Complete journey on the map

Add Stopover page also contains map to show the location. User can also select their current location using Use Current Location button. This page navigates to the drop-off page. After selecting stopovers, you can check/uncheck from the list of stopovers. Once done, you can proceed to Calendar page to select data and time

Calendar page

This page can be accessed by clicking on the Good for me button on the journey map view after the stopover selection. Here we can select the date and time of departure for your ride. This page navigates you to the Comfort page.

Comfort page

This page can be accessed after the pickup time selection. this page navigates you to the total no of carpool passenger’s page.

Total passenger

This page can be accessed after comfort page by clicking on any button on that page. Here you can select the total number of passengers that you can take with you for the ride. This page navigates you to the permission page to verify either passenger booking instantly or not ?.

Permission to book by Passengers instantly

This page can be accessed after total passengers page by clicking on the arrow-forward button at the right end of the page. This page navigates you to the recommended price per se seat page.

Recommended price per seat

This page can be accessed after the permission page. This page navigates to the don’t agree or confirmation price page.

Don’t Agree Page

This page can be accessed after the recommended price page. This page navigates to the edit price page.

Edit Price

This page can be accessed from the don’t agree page. Here you can edit the price of the journey. This page navigates you to the return trip page.

Return Trip Plan

This page can be accessed from the edit price page. This page navigates to the return journey plan Calendar.

Return Trip Plan date selector

This page can be accessed from the return trip plan confirmation page. This page is same as the Calendar page for onward trip.

Message for the passengers

This page can be accessed after the return time page. Here on this page, the user can add some messages or instructions about his/her ride. This page navigates to the ride confirmation page.

Offer Ride Confirmation

This page can be accessed after complete ride information. This page navigates to the Home page current segment.

Edit price Page.
your message for passengers.