Flespi-Integrated Custom Live Tracking Portal

Job ID: 38969752

Budget: $250 – $750 USD

Develop a live tracking portal for individual customers, where each customer receives a unique URL to view their vehicles in real time. The solution will leverage Flespi as the central data hub for vehicle data and live telemetry. The portal should be built using tools and frameworks like TrackIt, MQTT Telemetry Dashboard, and flespi-io-js.

Scope and Requirements
1. Integration with Flespi
- Use Flespi as the data-sharing and storage platform for vehicle telemetry.
- Ensure the solution can retrieve and display data in real time from Flespi.
2. Customer-specific Live Tracking Portal
- Create a dynamic and customizable live tracking view for customers.
- Generate a unique URL for each customer that links to their specific tracking portal.
3. Frameworks and Tools
- TrackIt: An open-source GPS tracking application built with the Quasar framework and Leaflet.js for map visualization.
- MQTT Telemetry Dashboard: Example for using MQTT to receive and display telemetry data.
- flespi-io-js: A JavaScript library to simplify integration with Flespi.
4. API Integration
- REST API (for device management, configuration, and historical data):
Refer to the Flespi API Basics documentation at: https://flespi.com/kb/flespi-api-basics#rest-api.
Use the Authorization header for authentication with a Flespi token.
- MQTT API (recommended for real-time live tracking):
Refer to the MQTT API Documentation at: https://flespi.com/kb/mqtt-api-section.
Use for real-time updates and telemetry data streaming.
5. Functionalities
- Display live vehicle positions on an interactive map.
- Fetch and visualize real-time telemetry data using MQTT.
- Allow customers to view their fleet's status and movements through a browser.


Resources
- TrackIt GitHub Repository: https://github.com/flespi-software/TrackIt
- MQTT Telemetry Dashboard GitHub Repository: https://github.com/flespi-software/examples/tree/master/mqtt-telemetry-dashboard
- flespi-io-js GitHub Repository: https://github.com/flespi-software/flespi-io-js
Flespi API Basics Documentation: https://flespi.com/kb/flespi-api-basics#rest-api

Deliverables
- A fully functional live tracking portal for customers, accessible via unique URLs.
- Proper integration with Flespi APIs for real-time data handling.

Additional Notes
- Study the provided Flespi documentation and example code to ensure proper implementation.
- Focus on usability, performance, and security when generating unique customer URLs and handling live data streams.
Related categories: PHP JavaScript Mobile App Development Android AngularJS