LinkME

"LinkMe: Connecting Every Delivery." This project bridges the gap between customers and drivers through real-time GPS tracking and two-way communication, ensuring every delivery stays on track.

Comment

Inspiration

The inspiration for LinkMe came from the "Last-Mile" black box in logistics. We noticed that customers are often left in the dark without visibility on their delivery's location, leading to frustration and inefficiency. Simultaneously, drivers struggle to communicate with customers or navigate the final steps of a delivery. We wanted to build a unified, transparent platform to bridge this gap.

What it does

LinkMe is a lightweight real-time delivery platform connecting drivers and customers instantly.For Customers: It allows users to share their location via unique codes , track drivers live on a map , and contact them with one tap.For Drivers: It enables drivers to find jobs using delivery codes , navigate to customers using interactive maps , and update their status in real-time.Transparency: Features like post-delivery ratings and commission tracking ensure a professional and secure ecosystem

How we built it

We focused on a 100% Open Source Stack with zero backend dependencies to ensure the app is fast and deployable anywhere:Frontend: Built using vanilla HTML, CSS, and JavaScript for a lightweight, framework-free experience.Mapping: Integrated Leaflet.js and OpenStreetMap to provide real-time interactive GPS tracking.Communication: Leveraged native tel: and sms: links for two-way communication and the BroadcastChannel API for instant cross-tab synchronization.Persistence: Used LocalStorage to handle client-side session data and profile persistence.Security: Implemented Google Sign-In for a secure OAuth2 authentication flow.

Challenges we ran into

Real-Time Sync without a Database: Since we aimed for a "no-backend" demo, we had to find a creative way to sync the driver's movement to the customer's screen. We solved this using the BroadcastChannel API.

Live GPS Simulation: Ensuring the map markers updated smoothly during the "Start Driving" phase required careful handling of the browser's Geolocation API to reflect true movement.

Accomplishments that we're proud of

Seamless Live Tracking: Successfully implementing a live map that updates the customer's view as the driver moves.Glassmorphic UI: Creating a modern, responsive design that includes a fully functional Dark Mode.Zero-Latency Logic: Building a platform that connects two parties instantly using only browser-native technologies.

What we learned

Effective Geolocation: We learned how to efficiently use the Geolocation API to track movement without draining device resources.

Vanilla JS Power: This project proved that complex real-time features can be built without heavy frameworks like React or Node.js, keeping the technical stack lightweight and fast.

What's next for LinkME

We have a clear roadmap to take this from a hackathon demo to a full-scale product:

Cloud Backend: Transitioning to a dedicated database for global real-time tracking.

Native Apps: Developing iOS and Android versions to utilize native mobile push notifications.

Financial Integration: Adding Mobile Money (MoMo) and card payment gateways for seamless driver earnings and commission payouts.

Analytics: Building a dashboard for logistics providers to track fleet efficiency.

Built With

Share this project:

Updates