1. User Authentication Flow
Backend DeveloperBackground
A developer needs to document the login validation process for a new API endpoint to share with the frontend team.
Problem
Drawing diagrams manually takes too much time and is difficult to update when the logic changes.
How to use
Enter the login logic in the Flow Definition field, set the direction to Left to Right (LR), and choose the Cool color scheme.
{
"flowDefinition": "A[Login Request] --> B{Credentials Valid?}\nB -->|Yes| C[Generate JWT]\nB -->|No| D[Return 401 Unauthorized]\nC --> E([Success Response])",
"direction": "LR",
"nodeShape": "rounded",
"colorScheme": "cool"
}Outcome
An SVG flowchart showing a clear left-to-right path of the authentication logic with distinct decision branches.