OKR Tracker.

Build an OKR tracker for Harborlight Software, a 60-person B2B software company where team leads set quarterly objectives, attach measurable key results, and log weekly check-ins so everyone can see what is slipping. Layout, top to bottom. First a rollup row of four stat cards for the current quarter: Objectives on track (3), At risk (2), Off track (1), and Average progress (58%). Below that, the main view groups objective cards under four team headings: Company, Engineering, Sales, and Marketing, with a team filter to show one team at a time (default all). Each objective card shows the objective title, owner name, a status badge (green on track, amber at risk, red off track), and an overall progress bar computed as the average progress of its key results. Expanding a card reveals its key results as rows: metric name, start value, target value, current value, percent complete, latest confidence rating, and a small line sparkline of that key result's weekly progress over the last 10 weeks. A second tab named Check-ins shows a sortable table of every check-in with week, team, key result, progress percent, confidence, and a one-line note, newest first. Data. Seed one quarter for six objectives: two company, two engineering, one sales, one marketing, with three key results each (18 total) and about 160 weekly check-ins covering the last 10 weeks. Use believable software-company goals: uptime, activation rate, ARR from new logos, hiring, content pipeline. Plant one clear story: the sales objective Open the mid-market segment is off track because its key result Book 40 mid-market discovery calls has been stuck near 30 percent for the last four weeks while its confidence slid from on track to at risk to off track; most engineering key results climb steadily past 70 percent. Objective status derives from the worst confidence among its key results. Behavior. Progress rollups and status counts are computed, never typed in. A Log check-in button opens a dialog capturing key result, progress percent, confidence (on track, at risk, off track), and a short note; adding a check-in updates the sparkline and rollups. Writes are member-only, so the page must look complete and current for a read-only visitor. Default sort puts off-track objectives first within each team. Visual identity: use a deep blue accent for primary actions, progress bars, chart emphasis, and active states on a clean light neutral base, with green, amber, and red reserved for status badges.