Project Challenge

Issue Triage Dashboard

API WorkflowsAdvanced

Design a support triage workflow that groups API records into ready-to-render priority columns.

This Challenge

Category
API Workflows
Linked topic
Code Organization
Estimated time
50 minutes
Data shapingGrouping strategiesDashboard modelling

API Workflows

Challenge brief

Support leads want a triage dashboard that separates blockers, active work, and low-priority items before the UI team builds the real screen.

Target outcome

Return a dashboard snapshot with grouped tickets, counters, and the most urgent titles ready for rendering.

Deliverables
Normalize priority labels into blocker, active, or later columns.
Count each column for summary chips.
Expose the top urgent titles in sorted order.
Return a single object that can feed a dashboard layout.
Acceptance checklist
Tickets are grouped into the right status columns.
Summary counts match the grouped data.
Urgent titles appear in descending priority order.
The returned snapshot is predictable and UI-friendly.

Project Workspace

Build the challenge in one focused editor

Use the starter code, run the checks, and compare your structure with the solution notes only after you have attempted the project yourself.

API Workflows50 minAdvanced
Project editor

Build the challenge in JavaScript or TypeScript, then run the current workspace checks against the compiled output.

25 lines
JavaScript mode runs directly in the current project runner.
Workspace checks
Grouped triage view
Check

Critical tickets should surface as blockers with accurate counts.

Input: []
Expected: {"counts":{"blocker":2,"active":1,"later":1},"urgentTitles":["Checkout spinner never stops","Billing retry duplicates charges"],"grouped":{"blocker":[{"id":101,"title":"Checkout spinner never stops","priority":"critical","status":"open"},{"id":104,"title":"Billing retry duplicates charges","priority":"critical","status":"open"}],"active":[{"id":102,"title":"Profile avatar upload slow","priority":"medium","status":"in-progress"}],"later":[{"id":103,"title":"Keyboard shortcut docs missing","priority":"low","status":"open"}]}}
Run output
Run the project to inspect automatic checks and console output.
Project review

Inspect the project solution like a senior reviewer would, with correctness, structure, and maintainability feedback.

Run the review after or before the code runner. If test results are available, the review will factor them into the feedback as well.