Vladimir HlobchastyiSoftware Engineer
Back to work
Case Study

TruckRates.ai

SaaS platform for instant drayage carrier pricing, rate comparison and shipment booking.

Role

Frontend Engineer

Focus

Product dashboard, rate search flows, carrier comparison tables, route visualization and role-based access.

Stack

Next.jsTypeScriptTailwind CSSReact Hook FormZodMapbox GLRechartsZustandNextAuth.jsVercel
Preview & Screenshots
01 / 04
TruckRates.ai — image 1
TruckRates.ai — image 2
TruckRates.ai — image 3
TruckRates.ai — image 4

Overview

TruckRates.ai is an AI-driven logistics platform that provides instant drayage carrier pricing. The product allows shippers and brokers to search rates by route, compare carriers side by side, view distance and pricing on a map, and book shipments directly. The frontend handles complex search flows, real-time rate tables, accessorial charge breakdowns and a content-driven blog section.

Challenge

The main complexity is presenting dense logistics data in a way that feels simple: carrier tables with pricing tiers, route maps with distance overlays, multi-step booking flows and role-based dashboards for different user types. Search filters, rate history and RFQ management all need to stay responsive and predictable under real production data volumes.

Outcome

The result is a clean, product-grade logistics dashboard: intuitive rate search, visual route comparison, carrier booking in fewer clicks and a content section that drives organic traffic. The interface handles the density of logistics data without overwhelming the user.

Responsibilities

05 areas
01

Rate search engine

Designed and implemented the full rate search flow from scratch: route input with autocomplete, carrier result tables with sortable columns, average rate aggregation, roundtrip distance calculations and paginated search history. Handled complex filter combinations and ensured the interface remains fast under thousands of carrier records.

02

Interactive route mapping

Integrated Mapbox GL to render pickup-to-delivery routes with real-time distance overlays, waypoint markers and pricing annotations. Built a reusable map component that adapts to different route types and viewport sizes while maintaining smooth pan and zoom performance.

03

Carrier management and RFQ

Built the carrier directory with contact details, service areas and pricing tiers. Implemented the RFQ (Request for Quote) workflow: multi-step forms with validation, status tracking and notification states. Connected carrier data to the rate comparison engine for instant pricing lookups.

04

Dashboard architecture

Structured the authenticated dashboard with persistent sidebar navigation, role-based screen access, user management and application settings. Implemented search history with saved routes, bookmarked carriers and export capabilities. Ensured consistent layout behaviour across all dashboard sections.

05

Content and SEO platform

Built the public-facing blog and knowledge base sections: article listing with category filters, individual article pages with structured content, accessorial charges reference and SEO-optimized meta tags. Created reusable content components for consistent typography and layout across editorial pages.