TripBuddy – WebView Background Location Tracking App
 Main Image

TripBuddy – WebView Background Location Tracking App

TripBuddy is a cross-platform Flutter application designed to run efficiently on Android and iOS. It embeds a WebView to display a live map interface from maproute.com and integrates advanced location tracking using a JavaScript bridge.

This project focused on enabling real-time location updates even when the app is in the background or the screen is off—while ensuring battery and processor efficiency.

I also supported the iOS adaptation and assisted with the deployment of the updated TripBuddy app to the App Store.

App description

Background Location Tracking Integration image

Background Location Tracking Integration

Implemented real-time GPS tracking using Flutter's background service capabilities.

Location data was passed from the native background service to the WebView via a JavaScript API, allowing continuous updates within the map UI.

Ensured compatibility with background execution modes on both Android and iOS, including screen-off operation.

WebView & JavaScript Bridge

Used webview_flutter to display the TripBuddy web app (maproute.com/trip.app).

Injected custom JavaScript objects into the WebView for seamless communication with the client’s frontend logic.

Handled precise data transfer between native location services and WebView for real-time updates.

WebView & JavaScript Bridge image
Cross-Platform Optimization image

Cross-Platform Optimization

Ensured battery-efficient and low-CPU usage operation through careful code optimization and throttling of location requests.

Tested and refined for performance, stability, and power consumption on both iOS and Android platforms.

Deployment & Support

Supported the client with adjusting the app for iOS platform requirements.

Following the app’s submission, I implemented an additional feature based on observed user behavior — a network connectivity check that verifies internet access by fetching the MapRoute app. This enhancement improved reliability in real-world usage scenarios.

Deployment & Support image

See more projects


Contact me

E-mail: