OpenTrip is a free, open-source driving telemetry tracker. It monitors speed, G-force dynamics, route progression, and provides road camera alerts in real-time.
The application is built using React, TypeScript, Leaflet, and the Google Maps API. It runs fully client-side and stores all trip records locally in the browser.
- Speedometer & Compass: Accurate speed tracking supporting imperial (MPH) and metric (KM/H) units alongside compass heading indicators.
- G-Force Dynamics: Acceleration, deceleration, and cornering friction-circle G-force meter with peak logging thresholds.
- Dual-Engine Mapping: Choose between OpenStreetMap (Leaflet) and Google Maps API to draw breadcrumb trail progression.
- Camera Alarms: Audio tone warnings and visual alerts triggered by speed cameras, traffic signals, and red-light junctions.
- Export Cards: Canvas rendering pipeline to download trip statistics and route outline shapes as PNG share cards.
- Simulation Mode: Desktop telemetry playback engine to test sensor logic, alerts, and map routing directly in the browser.
- Framework: React 19 + TypeScript + Vite
- Storage Layer: IndexedDB (offline browser database)
- Audio Synthesis: Web Audio API (real-time warning tone synthesizer)
- Sensor Integration: W3C Geolocation API & HTML5 DeviceMotion API
Install package dependencies:
npm installRun the local development server:
npm run devOpen http://localhost:5173 in your browser.
Create a production-ready client bundle:
npm run buildOpenStreetMap is active by default. To use Google Maps, insert your API key under the Settings panel. The key is stored locally on your device.
For real-world tracking, mount your device securely in the vehicle, open the application, go to Settings, and select Calibrate Accelerometer to zero the device sensors.
Click Enable Sim in the header on desktop browsers to bypass hardware sensor requirements and simulate driving coordinates and telemetry.
This project is licensed under the MIT License. See LICENSE for details.