Revise in five minutes
Cheat sheet: layer, tool, key setting
| Layer | Typical tool | Its one job | Setting to remember |
|---|
Every term in one place
A visual story · Angular · Spring Boot · Microservices · AWS
What really happens after you click “Place order”
Follow one tiny letter from your laptop, through cables, a security guard, a receptionist and a vault, and back again. No coding knowledge needed: press play and watch. Engineers can go deeper in the console and the 36 layer guides below.
For engineers
The engineer's console
The same journey with real headers, timings and failure modes. Pick a scenario and watch which layer catches it.
Where the time goes · typical first request
- 1Press Send request on the simulator and watch the packet move down the stack. Try a failure scenario too.
- 2Scroll the layers. The bar at the top always tells you which layer you are standing on.
- 3Use j / k to jump between layers, tick I understand this layer to track progress.
Live simulator
POST /api/v1/orders
00.0msPick a scenario and press Send request. Click any layer on the left to read about it.
Elapsed 0 ms
Packet is waiting in the browser
Big picture
The architecture in one view
The orange dashes trace our order request. Click any box to jump to its layer.