WebSocket vs SSE vs polling, reconnection with backoff and jitter, heartbeats, backpressure, message ordering, connection state UI, auth on upgrade, graceful degradation
94
98%
Does it follow best practices?
Impact
90%
1.87xAverage score across 5 eval scenarios
Passed
No known issues
A food delivery app needs a live order tracking page. After a customer places an order, they see a page that shows the current status of their order in real time (placed, confirmed, preparing, out for delivery, delivered). The page also shows an estimated delivery time that updates as the order progresses.
Build a Node.js/Express backend and React/TypeScript frontend:
Produce the following in a src/ directory:
Server:
src/server.ts -- Express server with real-time order updatessrc/orders.ts -- Order management and status transitionsClient:
src/components/OrderTracker.tsx -- The live order tracking viewsrc/hooks/useOrderTracking.ts -- Hook that manages the real-time connection for a specific orderUse in-memory storage. Do not include test files or build configuration.
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
skills
realtime-web-patterns
verifiers