Kawa Dashboard

Frontend Lead Engineer

At KAWA, our mission is to empower businesses and individuals by seamlessly connecting them to a network of trusted logistics providers. Through our platform, we aim to streamline the last mile delivery process, ensuring cost-effectiveness and reliability at every step. By leveraging cutting-edge technology, exceptional service, and customer-centricity, we are reshaping the logistics industry in Nigeria and setting new benchmarks for connectivity and efficiency.

React

TypeScript

TanStack Query

WebSockets

The Problem

Operations teams required real-time visibility into shipments, partners, and transaction spikes without dashboard degradation.

Approach

Built a React dashboard with TanStack Query caching, WebSocket-driven updates, and performance budgets for high-traffic logistics workflows.

Technical Decisions

→ TanStack Query for server-state with stale-while-revalidate patterns
→ WebSockets for live shipment and partner status
→ Playwright suites for cross-browser regression on critical flows

Outcomes

✓ Handled 45% increase in transaction volume without degradation
✓ Improved real-time synchronization by 60% with WebSockets
✓ Increased site throughput by 30% through optimized rendering

Deep Dive

Kawa's logistics dashboard serves operators under heavy load. I focused on data freshness and render performance—pairing query caching with live socket updates while keeping UI responsive during volume spikes.