7/14/2024
Northwind Air
A real-time dispatch console with WebSocket feeds and strict keyboard support.
Chapters
Links
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))
})
POTOO