Taxi Booking Platform App Template | Ionic 5 + Firebase (User, Driver & Admin)

Total Sales : 1571

Total Effort : 300 hours

Documentation

License

Clear

SKU: taxids-ad-4-1

Back-end, Firebase, Ionic 5, Ionic-Angular

Videos

Features

Taxi Driver App

Try on Android

Login Credentials
Email: driver@enappd.com
Password: 123456789

Taxi User App

Try on Android

Login Credentials
Email: car@enappd.com
Password: 123456789

Taxi Admin App

Try on Android

Login Credentials
Not required

Features
Vehicle Geolocation 🔥
Firebase integrated 🔥
Driver offline/Online feature 🔥
Ride history page – details of past rides
Login/Sign up page 🔥
User Request page 🔥
Customer Details page 🔥
Ride accept / cancel feature 🔥
Add vehicle page with vehicle list
Wallet page with multiple payment methods option
Document Mangement page
Notification page
OTP Verification page
Add Payment/card page
User Profile Update page 🔥
Chat/Message/Call feature page
Invite your friend page
Invite sharing with SocialShare plugin

Features
Login/Sign up 🔥 along with social login option
Firebase integrated 🔥
Home page for taxi booking with option for manually selecting pickup and destination location or get user current location 🔥
Drag marker to select positions on map 🔥
Reset booking coordinates 🔥
Google auto complete API integration 🔥
History page with details of past ride 🔥
Ride cancel option 🔥
Booking confirmation page 🔥
Google map integration with journey route 🔥
Select cab type feature
Distance and Fare calculation
Change payment page
OTP and Forgot password page
Estimate fare page
Edit user profile page 🔥
Trip review page
Add card page
Help page
UI tested for both Android and iOS

Features
Login – Firebase authentication
Driver details page 🔥
Driver approval functionality 🔥
Rides Records with route map 🔥
Map included 🔥
Pickup and drop location 🔥
Real Time database – Firestore 🔥
Details of all Drivers and Users 🔥

🔥 => Feature/page integrated with Firebase

Complete Taxi Booking Platform MVP

This is the complete starter kit for Taxi Booking Platform. A Taxi driver app, Taxi booking app and Admin Dashboard app for taxi booking platform are made by expert UI developers to provide a great app UI for your own Taxi booking, Taxi driver and Admin Dashboard app. Now you can start your own complete Taxi platform app with these functionalities. This is a great starting point for app development, as almost all the work is done here for an MVP. All pages and components are set. Hence, all you need here is to modify the platform further as per your requirements. This app has many features common with popular apps like Uber, Ola etc.

Feature and Screens of Taxi Booking Complete App

All three apps – User, driver and admin app, come integrated with Firebase. Hence, this is a complete app for selling. You just need to link your own Google API keys, Firebase Project Details and you have a complete Taxi Booking Complete app. Firebase integration is done only for authentication, Ride booking and accepting a Ride. Plus Admin app has Firebase data operation to check users and drivers’ data. Majority of pages are ready to be integrated with Firebase in both User and Driver apps. If you want, you can buy the Taxi booking (User app) and Driver app separately from our store.

Why Ionic 5

Ionic 5 gives a superior performance over previous versions as it is based on Angular 8, superior version of Angular. In addition, the code is modular by default in Ionic 5. Therefore, it can be rearranged to modify the app as per liking. Above all, it assures nearly bug-free builds on devices.

Next Steps

Attaching a Back-end

To attach a back-end to the this front-end template, you have several options to choose from

Firebase back-end
NodeJS back-end
Django back-end
Ruby on Rails back-end

If you are unsure about any feature or implementation, feel free to contact us at support@enappd.com for any query. Here, we are sharing two most popular back-ends used with Ionic. You can use these resources to create your own back-end and attach to your app. After this, you can release the apps to Play store and App Store.

1. Firebase back-end

Following blogs and tutorials will help you to attach Firebase in your app and explore various features available in Firebase as well.

Overview

Authentication

Database

Other Services

2. NodeJS Back-end

Basics, REST API and CRUD

Setting up a nodeJS server on Ubuntu
NodeJS Server using NestJS – Nest.js is a new framework to organize nodeJS back-ends
Create basic REST APIs with nodeJS
Basic CRUD Ionic app with NodeJS backend

Authentication

Other services

Sample

Basic Ionic 4 To-Do app with CRUD

Publishing apps on app stores

Once you have integrated your Ionic 4 app with a suitable back-end, you are now ready to deploy your apps to Play Store (Android) and App Store (iOS). If you are unsure about how to publish your apps to stores, feel free to contact us at support@enappd.com for any query.

Publish Ionic 4 apps to Play store and App store

Starter Type

FRONT END – Firebase

Technology

Ionic 5

Node

v12.14.0

NPM

6.14.4

Ionic 5 CLI

6.5.0

Cordova CLI

9.0.0

Angular CLI

8.3.x

Ionic

5.0.x

Tested on

Android 10 iOS 13 / iPhone X PWA Ready

Product Contents

Source code Zip File, license certificate

Jul 28, 2020 – V2.0.2

@ionic/storage (Typescript) build error fixed

Apr 18, 2020

Admin App

Updated to Ionic 5
Apps have improved UI for a crisp look
New features for booking flow – live update of user/driver updates/cancellation
Improved Ride Database model
Removed Firebase Functions – Added client side functions (with indexes)
Tested: iOS + Android + Web tested with latest
README and Documentation updated
Setup videos released

User App

Updated to Ionic 5
Apps have improved UI for a crisp look
New features for booking flow – live update of user/driver updates/cancellation
Improved Ride Database model
Removed Firebase Functions – Added client side functions (with indexes)
Tested: iOS + Android + Web tested with latest
README and Documentation updated
Setup videos released

Driver App

Updated to Ionic 5
Apps have improved UI for a crisp look
New features for booking flow – live update of user/driver updates/cancellation
Improved Ride Database model
Removed Firebase Functions – Added client side functions (with indexes)
Tested: iOS + Android + Web tested with latest
README and Documentation updated
Setup videos released

Feb 05, 2020

Admin App

- - Updated to Ionic 5
  - Tested on AndroidX & iOS13

User App

- - Updated to Ionic 5
  - Tested on AndroidX & iOS13

Driver App

- Updated to Ionic 5
- Tested on AndroidX & iOS13

Feb 05, 2020

Admin App

Updated to Version: 1.5.0
Code Refactoring

User App

Updated to Version: 1.5.0
Code Refactoring
UI bug fixes
Image Upload on firestorage issue fix

Driver App

Updated to Version: 1.5.0
Code Refactoring
UI bug fixes
Image Upload on firestorage issue fix

Oct 21, 2019

Admin App

Updated to Version: 1.4.1
Show ride history issue fix

User App

Updated to Version: 1.4.1
New features added – User Edit profile – Upload user image using Camera and Gallery – No Driver available timer set.
Complete ride firebase function issue fix

Driver App

New features added – User Edit profile – Upload user image using Camera and Gallery
Updated to Version: 1.4.1
Driver complete ride issue fix

Sept 26, 2019

Driver app in Angular 8 / Ionic 4.7.4 – Driver accept flow issue fix

Aug 12, 2019

Updated to Angular 8 / Ionic 4.7.4 – tested on Android & iOS

Jun 12, 2019

Updated to Version: 1.3.1
New features added – Drag marker to set address – Reset coordinates in user app – Improvement in speed and UI – Code updated for latest versions – Booking and cancellation flow updated – Driver not responding feature added – Auto country detection with geolocation – Distance calculation – Fare calculation

Mar 23, 2019

Released V1.0.0
Android tested
iOS tests verified for V1.0.0