JS

Async Transaction Processing

EXERCISE 01

Sync vs Async ยท Promise ยท Async/Await ยท Real-time UI

MISSION

Load Banking Transactions Without Freezing the Dashboard

Observe non-blocking execution, handle a Promise, then refactor the same workflow with async/await.

๐Ÿ“ก Live Async Execution Monitor

The screen changes with your code when you press Run & Verify.

0.0sIDLE
๐Ÿ–ฅ DASHBOARD
๐Ÿฆ BANK SERVICE
UI STATUS
Ready
TRANSACTIONS
โ€”
MAIN THREAD
Responsive

๐Ÿฆ Scenario

The dashboard starts immediately, requests transaction data, waits about 2 seconds for the banking service, then renders the result. Other UI work should continue while the request is pending.

๐Ÿ“‹ Lab Check

0 / 8

๐Ÿงญ Guideline Solution

Progressive LAB steps

1 / 8

๐Ÿ’ป Code Workspace