Transportapp - Angular - Ionic - Firebase

Transportapp - Angular - Ionic - Firebase

Full Project - App Dashboard - App Customer Request - App Driver - Angular - Ionic - Firebase - JS


armando zabala

armando zabala

Member since 2015


1 year ago
4 months ago

Transportapp - Admin - Driver -Client

Firebase - Angular - Ionic v5

Application for the tracking of coordinates in realtime, control and delivery of orders, module development for tracking through the gps and where these coordinates are captured in our backend system made in Javascript (Firestore ). This system is also available the code of the backend is given after having acquired the application of ionic

Capture is done through the background continuously and sent to a database in Firestore, then display the tracking in google maps

Functioning List of Orders Order Details Report Form (Image, Text, Geolocation (Position) Map to locate the direction of the orders (Google Maps). Using the plugins

1. Google Maps 2. Geocode 3. Camera 4. Storage Image 5. Geolocation 6. GPS Tracking - background 7. Background Mode 8. Navigator Launcher

This application has a plugin that allows you to integrate with applications like google maps, waze to find the best route between two points

You must add the platforms to the project, either android or iOS
9. App Customer where you can request a route or transport for your orders, you can verify the value of the route including its destination, making the request, which will arrive at the Admin Dashboard.

  1. App Driver, this application allows you to see the assigned orders, delivery form, includes, photo capture, geolocation, signature, description. You can track the route and capture it in real time by driver, you can view it on the dashboard in the Maps section - Tracking

  2. Angular App version 10 includes user management (CRUD), orders (CRUD), tracking query by driver, graphs, order board, orders requested by customer

  3. Cloud Function project, where emails are sent

  4. Firebase - Auth - Firestore - Hosting - Functions

Remember that you must create a project in Firebase, to be able to host your entire database (Firestore). Those credentials are placed in the project environment.

Dashboard application screen capture for order management and tracking (Examples)

Dashboard Main - Graphics - Orders

Orders - Graphics - Orders

Create Orders

Tracking of Routes taken from the application

Order assignment board

Setting Region for Customer (Zone)

User (CRUD)

Transportapp App Driver

Dashboard Detail Report

Demo Dashboard

Demo App Driver:

Demo App Customer:

More Information:

What includes ?

  • App Customer Ionic v5 (Code)
  • App Driver Ionic v5 (Code)
  • Dashboard Angular v10 (All Code - Services - Components)
  • Documentation Instalation

More Projects: