Back to Projects
ContractJun 2025 – Aug 2025· Remote

Formatic Trucking

Full-Stack Developer

formatictrucking.com

Built a real-time logistics platform with WebSocket notifications, route optimization via OSRM, and interactive map-based tracking for shipment management.

Tech Stack

ReactAdonisJSTypeScriptShadcnTailwindCSSWebSocketsOSRMReact LeafletTanStack Table

The Challenge

The trucking company needed a unified platform to manage shipments, track drivers in real-time, and optimize delivery routes — all while handling large datasets efficiently in the browser.

The Approach

Built the backend with AdonisJS and Lucid ORM for clean data modeling. Used WebSockets for real-time notifications, OSRM for route calculation, and React Leaflet for interactive maps. Leveraged TanStack Table for performant data rendering of large shipment datasets.

Key Highlights

  • Developed a real-time notification system using WebSockets to instantly update drivers and customers on shipment status changes.
  • Implemented navigation and geolocation features with OSRM for efficient route optimization.
  • Built responsive, high-performance UIs in React for managing large shipment datasets using TanStack Table.
  • Designed data models using AdonisJS and Lucid ORM for efficient database interactions and data integrity.
  • Integrated interactive maps with React Leaflet and OSRM for real-time tracking and route display.

The Outcome

Delivered a logistics platform enabling real-time shipment tracking, driver notifications, and optimized routing, significantly improving operational efficiency and customer visibility.