C4 — Dynamic (runtime)
Numbered runtime interactions for a single use-case (login).
Rendering…
Make it your own.
flowchart LR
U[1. User] -->|2. POST /login| Web[Web app]
Web -->|3. /token| Auth[Auth service]
Auth -->|4. SELECT user| DB[(Users DB)]
DB -->|5. row| Auth
Auth -->|6. JWT| Web
Web -->|7. Set cookie| U
U -->|8. GET /dashboard| Web
Web -->|9. /me| API[API]
API -->|10. validate JWT| Auth
API -->|11. data| Web
Web -->|12. HTML| U