hack121/ionic-taxi-booking-app-web-admin

This is a complete ride booking app built with ionic3 , It uses google maps cordova plugin, firebase as realtime database and onesignal as notification provider.

Get the entire project HERE . This includes passenger app, driver app and web admin dashboard.

*With Firebase serveless cloud realtime database.

*Stripe Payment included.

*Neat App Design.

*Excellent Notification System.

*Driver Tracking. etc.

Sample Android HERE

Sample Video HERE

User App

Driver App

Web Admin

Features

1. Google Maps SDK Cordova
2. Firebase Realtime DB
3. Onesignal(Google Cloud Messaging)
4. Paystack

How It Works

Start The App

For This Project, I created Two Different Apps. The Client App and The Driver App. After creating An Account, Adding A Phone Number, Your Location Is Automatically detected via the google maps geolocation, But You Could Point The Marker Elsewhere To Choose Another Location.

Request A Taxi

When A User Books A ride, Then User's Details Are Sent To The Database With The Notification Id Of The First Driver Available, Then After 60 seconds And No reply, Then it is shifted To Another driver.

Get Accepted By A Driver

Once You Get A Driver Then Your Phone Vibrates And The Credentials Of The Driver Appears on Your Screen, As well as The Distance Between You And Your Driver Are Displayed As well.

Get To Your Destination And Pay Up

On Completion Of the ride your payment reciept is shown to you, then you can check out and rate your ride and then, you are ready for another booking.

This project is a complete clone of Uber , which is a taxi booking App . This sale comes with 100% Source code for User app , Driver App.

Features in this app

Intro splash screen to give appealing look to the app. Google api integration for autocomplete. Plotting of places to google map with distance and minutes calculation between routes. One step and easy booking process. Integration with Stripe Payment gateway. Option to set cab types with rates from backend Firebase . Stylish animation between views with Facebook style slide menu. Display all booking with scroll to load and clean UI. Enable Auto refresh when driver accept job on driver arrival, journey begin , journey completed / dropped etc. Support Push messages for all the status as well. Live tracking Driver who are assigned for your booking. Option to Cancel the Job till driver is not assigned. Rate card screen. User can rate driver after completion of Ride , ALSO driver can rate user as well. 100% ionic 3 Project and shipped with full source code.

Driver App Feature

3 Step registration form with all required field capture and validation done to make app ready to go live .. Facebook style sliding menu .. Option to set status available and unavailable ... Support Firebase Realtime for tracking Driver . Support FCM notification Interface when new booking is arrived and Phone will start beeping . Node.js Auto assigning of Driver for Jobs on the basis of availability of Driver avaibality , car type and nearest available driver using Robust Spatial GEO Queries .. Support Push messages to driver if app is in background. .. Calculating Tariff on the basis of Miles + Minutes require to travel . .

Features in Web admin:

Clean and Easy to understand Dashboard which display all relevant statistics.

View Realtime driver and passenger activity on map. View all Driver’s .. View all User’s .. View Flagged Driver and Option to block them.. View Flagged User and Option to block users.. Option to view all users.. Set Prices for Car types .. Set Currencies .. And much more …