# nKode Login

```mermaid
sequenceDiagram
    participant User
    participant Client
    participant Server
    Note over User,Server: Login
    Client->>User: Login Form
    Note left of User: email: {{ email }}
    User->>Server: Submit Email
    Server->>Client: login_keypad, icons 
    Note left of Server: Login Keypad:<br/>{{ login_keypad }}
    Note left of Server: Icons:<br/>{{ keypad_icons }}
    Client->>Client: Order Icons
    Client->>User: Display Keypad
    Note left of Client: {{ ordered_login_icons }}
    Note left of User: User passcode icons: {{ passcode_user_icons }}
    User->>Client: Selected Keys<br/>{{selected_keys_login}}
    Client->>Server: Login:<br/>email: {{email}}<br/>selected_keys: {{selected_keys_login}}
    Server-->>Client: Success
```