Capstone: finish the data dashboard

Combine requests, states, cards, filters, time, and recovery.

Difficulty
beginner
Time
75 minutes
Last verified
9/21/2026

What you will build

Combine requests, states, cards, filters, time, and recovery.

Understand the idea first

Combine requests, states, cards, filters, time, and recovery.

Build it step by step

验收:首次加载 / 空结果 / 服务器失败 / 重试 / 快速筛选 / 时区显示 / 离线提示
  1. Open the previous project and record its result.
  2. Type the example and complete: Record seven acceptance paths and observe another person recover from a failure.
  3. Change one input, predict, then verify.
  4. Create and repair: Success-only testing is insufficient; verify two failures and one recovery.

Read the important lines

  • Combine requests, states, cards, filters, time, and recovery.
  • Read input, processing, and output separately.
  • Verify another input and an edge case.

Common mistakes and what to check

SymptomWhat to check
Unexpected resultSuccess-only testing is insufficient; verify two failures and one recovery.
Nothing changesSave, verify paths, and read the first relevant Console error.

Practice without copying

Record seven acceptance paths and observe another person recover from a failure.

Check the answer after you try

Rebuild and explain the decisions. Check: Success-only testing is insufficient; verify two failures and one recovery.

Completion check

  • I produced the required visible result
  • I can explain the input, processing, and output
  • I tested normal, edge, and failure cases

Your privacy choices

Necessary storage is always on. Optional analytics and support services load only after consent.