Real Time Vehicle Tracking App

Real Time Vehicle Tracking App with web socket Built using Flutter

Description

This is a demo project provide the idea how real time tracking work based on web socket protocol, i used Bloc pattern to provide a more realistic example.

The tracking process consist of three main elements

Design image

  • Driver

    Mobile Application or embedded device connected to the server and updating its location continuously.

  • Client

    Mobile Application connected to the server updating its location and listing to nearest drivers locations continuously.

  • Server

    Backend Server to Mange Connections between Clients and Drivers.

This project is focusing on the client side, so i am using a server with single end point to mock the tracking web socket.

How to use this project

Before you start you will need Flutter SDK Installed,Google Maps Api Key,Dart Frog.

  1. Config Android and IOS

    • Specify your API key in the application manifest android/app/src/main/AndroidManifest.xml

         <manifest ...
     <application ...
       <meta-data android:name="com.google.android.geo.API_KEY"
         android:value="YOUR KEY HERE"/>

    • Specify your API key in the application delegate ios/Runner/AppDelegate.swift

        import UIKit
  import Flutter
  import GoogleMaps

  @UIApplicationMain
  @objc class AppDelegate: FlutterAppDelegate {
    override func application(
  _ application: UIApplication,
  didFinishLaunchingWithOptions launchOptions: [UIApplication. LaunchOptionsKey: Any]?
      ) -> Bool {
   GMSServices.provideAPIKey("YOUR KEY HERE")
   GeneratedPluginRegistrant.register(with: self)
     return super.application(application, didFinishLaunchingWithOptions: launchOptions)
      }
    }

  2. Install Dart Frog

dart pub global activate dart_frog_cli
  1. Go to server root folder and run
cd real_time_vehicle_tracking_server
dart_frog dev
  1. Run Flutter App

Tools & Packages

GitHub

View Github