E-Commuter is a modern public transportation tracking web application designed to enhance the daily commuting experience in Indonesia. The platform helps users conveniently track fleets in real-time, receive timely notifications, and navigate public transport routes with ease.
🚌 E-Commuter: Real-Time Public Transportation Tracker for Indonesia
E-Commuter is a modern public transportation tracking web application designed to enhance the daily commuting experience in Indonesia. The platform helps users conveniently track fleets in real-time, receive timely notifications, and navigate public transport routes with ease.
By integrating live location data and smart alerts, E-Commuter bridges the gap between commuters and transportation services, reducing waiting time and uncertainty.
🚀 Key Features
📍 Real-Time Fleet Tracking
- Provides live updates of public transportation fleets (such as buses or angkot) across specific Indonesian cities.
- Leverages WebSocket connections for smooth and low-latency updates.
🗺️ Interactive Map Interface
- Displays an interactive map featuring all nearby halte (bus stops).
- Users can tap on any halte marker to view detailed information about passing fleets.
- Shows active fleets within a 1 km radius, ensuring users always have visibility of nearby options.
🔔 Smart “Notify Me” Alerts
- Allows users to subscribe for notifications on specific haltes.
- Automatically sends an alert when a chosen fleet is within 200 meters of the selected halte.
- Built using Firebase Cloud Messaging (FCM) for reliable cross-platform notifications.
📍 Location-Based Recommendations
- Automatically detects user location using browser geolocation.
- Displays the three nearest haltes in real-time for quick access.
🧠 Technical Overview
E-Commuter is a full-stack web application that integrates modern web technologies to deliver a responsive, efficient, and scalable experience.
| Layer | Technology | Description |
|---|---|---|
| Frontend | TypeScript, Nuxt.js, Pinia, Tailwind CSS | Responsive UI built with Nuxt.js for SSR, using Pinia for state management and Tailwind for styling. |
| Backend | Express.js, WebSocket | Handles real-time communication and RESTful APIs for fleet and halte data. |
| Database | MongoDB | Stores halte details, fleet locations, and user subscriptions. |
| Notifications | Firebase Cloud Messaging (FCM) | Sends push notifications for fleet proximity alerts. |
💡 Highlights
- Designed for high scalability to support large commuter networks.
- Implements real-time geospatial tracking and efficient map rendering.
- Optimized for mobile web browsers, allowing easy access without app installation.
- Showcases expertise in full-stack development, real-time systems, and user-centric design.
🌍 Impact
E-Commuter empowers daily commuters across Indonesia by improving accessibility, efficiency, and comfort in public transport usage.
It demonstrates how technology and real-time data can transform everyday commuting into a smoother and more predictable experience.
🛠️ Tech Stack Summary
Frontend: TypeScript · Nuxt.js · Pinia · Tailwind CSS
Backend: Express.js · WebSocket
Database: MongoDB
Notifications: Firebase Cloud Messaging (FCM)