Vladimir HlobchastyiVladimir HlobchastyiSenior Software Engineer
Back to work
Case Study

Freight Rate Platform

Logistics platform for carrier pricing, rate comparison and shipment booking.

Role

Frontend Developer

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
Freight Rate Platform — image 1
Freight Rate Platform — image 2
Freight Rate Platform — image 3
Freight Rate Platform — image 4

Overview

Contributed to a logistics management platform providing instant carrier pricing for shippers and brokers. The product supports rate search by route, side-by-side carrier comparison, route maps with distance overlays and direct booking. The frontend handles complex search flows, rate tables, accessorial breakdowns and a content-driven blog section.

Challenge

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

Outcome

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: 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 kept the interface 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.

03

Carrier and RFQ workflows

Implemented the carrier directory with contact details, service areas and pricing tiers. Developed the request-for-quote workflow: multi-step forms with validation, status tracking and notification states, connected 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 saved searches and bookmarked carriers with consistent layout behavior across all sections.

05

Content and SEO

Implemented the public-facing blog and knowledge base: 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.