7/14/2024

Northwind Air

A real-time dispatch console with WebSocket feeds and strict keyboard support.

Tagsfrontendrealtimeaccessibility

Highlights

Created a fully keyboard-navigable grid that surfaces aircraft availability alongside crew assignments. The client streams scheduler updates via WebSockets, allowing dispatchers to act without refreshes or conflicts.

Accessibility focus

Completed automated and manual accessibility audits, improving screen reader announcements and focus order for fast-paced decision making. A high-contrast mode and deterministic focus ring kept cognitive load low during late shifts.

Real-time layer

const socket = new WebSocket('wss://dispatch.example.com/stream')

socket.addEventListener('message', (event) => {
  const update = JSON.parse(event.data) as { flightId: string; status: string }
  queueMicrotask(() => applyUpdate(update))
})