OwnTracks Frontend

OwnTracks Frontend is an open-source Vue.js single-page application that provides an advanced web UI for the OwnTracks ecosystem. It connects to an OwnTracks Recorder API to display live device positions, historical tracks and aggregated visualizations.

Key Features

• Live (last known) device locations with accuracy visualization and device-friendly icons
• Detailed device metadata display (timestamp, latitude/longitude, altitude, battery, speed, regions) when available
• Location history visualization as points, polyline tracks or combined views
• Heatmap view for density analysis of tracked locations
• Time-range selector and date/time filtering for focused data inspection
• Filterable by user and by device; calculation of distance travelled for selected ranges
• Highly configurable via a public config.js (includes API base URL and UI options)
• Development tooling: Vue I18n support for locales, npm-based build, Vite dev server and linters
• Official Docker image and docker-compose usage for easy deployment; nginx used as the static server in the image

Use Cases

• Personal location diary: visualize and inspect your own location history and recent positions
• Small fleet or family tracking: monitor multiple devices, view routes and find high-density areas with heatmaps
• Developers and operators: integrate or troubleshoot OwnTracks Recorder data using a polished web UI and configurable API endpoint

Limitations and Considerations

• The frontend is a visualization/UI component and requires an OwnTracks Recorder (or compatible HTTP API) to provide stored location data; it does not ingest MQTT messages or store tracking data itself
• Map tiles or certain map provider features may require separate configuration or API keys depending on chosen map backend and hosting environment
• Authentication and user management are typically provided by the backend/recorder; the frontend expects the API to handle access control if needed

OwnTracks Frontend is a focused visualization layer for the OwnTracks platform: it provides a configurable, locale-aware Vue.js interface to browse live positions, historical tracks and heatmaps backed by an OwnTracks Recorder API. It is suitable for personal use, small fleets and as a developer-facing UI component.