PlantUML — Sequence Diagram

Sequence with activations, alt-blocks and notes.

PlantUMLUML & Software PlantUML syntax docs

Template previewPlantUML

Rendering…

Make it your own.

@startuml
autonumber
actor User
participant "Web App" as Web
participant "API"     as API
database  "Postgres"  as DB

User -> Web : Submit login
Web  -> API : POST /auth/login
activate API
API  -> DB  : SELECT user WHERE email=?
DB   --> API: user row
alt valid password
  API --> Web : 200 + JWT
  Web --> User: Dashboard
else invalid
  API --> Web : 401
  Web --> User: Error
end
deactivate API
note over API,DB : Passwords hashed with Argon2id
@enduml