Back to Projects
ContractJun 2025 to 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

  • Worked as part of a product team to deliver real-time logistics features across frontend and backend workflows.
  • 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.