Deliverables
- Web Admin Panel (React.js): Centralized control for users, inventory, customers, reporting, and operations
- Dispatcher Portal (React.js): Live driver tracking, job assignment workflows, and communication tools
- Driver Mobile App (React Native): Job queue, navigation, real-time updates, attendance, and messaging
- Backend & APIs (Node.js + MongoDB): Scalable architecture with role-based access control
- Real-Time Engine (Socket.IO): Instant updates for jobs, location tracking, and chat
- Push Notifications (Firebase FCM): Immediate alerts for job assignments and communication
- UX/UI Design (Figma): Interactive prototypes with iterative client feedback
- QA & Deployment: App Store and Google Play submissions with production rollout
Timeline
- Core Development: 14 weeks
- Full Project Duration: May 2024 – May 2025
- Total Effort: 1,010+ billable hours
Team Composition
A cross-functional team including frontend, backend, mobile developers, UI/UX designers, and QA engineers.
The Challenge
Before implementation, Phantom Disposal faced several operational bottlenecks:
Lack of real-time visibility for dispatchers to track drivers
No structured job lifecycle management
Absence of a standardized driver workflow
Inconsistent background GPS tracking on mobile devices
Communication dependent on phone calls without records
Manual attendance tracking is impacting payroll accuracy
Limited reporting and operational insights
Need to support multiple roles with distinct workflows
The Solution
Ropstam designed a unified fleet management ecosystem integrating web and mobile platforms with real-time capabilities.
Core Components
- React. JS-based Admin and Dispatcher portals
- React Native mobile app for drivers (single codebase for iOS & Android)
- Node.js and MongoDB backend with RESTful APIs
- Real-time communication via Socket.IO
- Role-specific experiences for Admins, Dispatchers, and Drivers
A major technical achievement was implementing reliable background GPS tracking, ensuring continuous location updates even when the app runs in the background.
To bring the web app to fruition, Ropstam followed a strategic roadmap that included the implementation of the designed plan, the creation of the website, thorough testing, and a successful launch.
the Design
Development
Launching
Ropstam adopts a development approach characterized by collaboration, openness, and careful consideration.
Key Features
Role-Based Access Control
Real-Time Dispatch Management
Live GPS Tracking
Driver Mobile Experience
Attendance Management
Customer & Job Records
Asset Management
In-App Communication
Reporting & Analytics
Push Notifications
Core Technologies
- React.js
- Node.js
- MongoDB
- React Native (0.74)
- Redux Toolkit
Supporting Services
- Socket.IO
- Firebase Cloud Messaging (FCM)
- Google Maps API
- AWS Hosting
- Figma
Development Milestones
- M1 – UI/UX Design: May 17 – Jul 12, 2024 (140 hrs)
- M2 – UI Development: Jul 15 – Sep 24, 2024 (230 hrs)
- M3 – Backend Development: Aug 19 – Sep 20, 2024 (280 hrs)
- M4 – API Integration: Sep 23 – Oct 25, 2024 (280 hrs)
- M5 – QA & Launch Prep: Oct 28 – Nov 22, 2024 (80 hrs)
- M6 – Go Live: May 23 – May 30, 2025
Total: 1,010+ hours
Results
iOS Application
Web Application
Android Application
A Fully Digitized Fleet Operations System
Key Outcomes
- Real-time fleet visibility through live GPS tracking
- Streamlined dispatch operations from creation to completion
- Reliable background tracking with minimal location gaps
- Automated attendance and reporting systems
- Centralized communication via in-app messaging
- Unified mobile deployment using a single React Native codebase
Client’s Testimonial
The new platform has given us the ability to communicate our services and values more effectively. It’s not just a website—it’s a reflection of who we are and where we’re going.


