Sequence Diagram

Interaction between actors and systems over time.

MermaidUML & Software Mermaid syntax docs

Template previewMermaid

Rendering…

Make it your own.

sequenceDiagram
    autonumber
    actor User
    participant Web as Web App
    participant API as REST API
    participant DB as Database
    User->>Web: Submit login form
    Web->>API: POST /auth/login
    API->>DB: SELECT user WHERE email=?
    DB-->>API: user row
    API-->>Web: 200 + JWT
    Web-->>User: Redirect to dashboard
    Note over API,DB: Password hashed with Argon2id