# nKode Login

```mermaid
sequenceDiagram
    participant User
    participant Client
    participant Server
    Note over User,Server: Login
    Client->>User: Login Form
    Note left of User: email: user@example.com
    User->>Server: Submit Email
    Server->>Client: login_keypad, icons 
    Note left of Server: Login Keypad:<br/>Key 0: [18  7 20 27 22 23]<br/>Key 1: [12 13  8  3 28 29]<br/>Key 2: [24 25 26  9 16  5]<br/>Key 3: [ 6 19  2 21 10 11]<br/>Key 4: [ 0  1 14 15  4 17]<br/>
    Note left of Server: Icons:<br/>[😀,😂,🥳,😍,🤓<br/>😎,🥺,😡,😱,🤯<br/>🥰,😴,🤔,🙃,😇<br/>🤖,👽,👾,🐱,🐶<br/>🦁,🐻,🐸,🐙,🦄<br/>🌟,⚡,🔥,🍕,🎉]
    Client->>Client: Order Icons
    Client->>User: Display Keypad
    Note left of Client: Key 0: ['🐱' '😡' '🦁' '🔥' '🐸' '🐙']<br/>Key 1: ['🤔' '🙃' '😱' '😍' '🍕' '🎉']<br/>Key 2: ['🦄' '🌟' '⚡' '🤯' '👽' '😎']<br/>Key 3: ['🥺' '🐶' '🥳' '🐻' '🥰' '😴']<br/>Key 4: ['😀' '😂' '😇' '🤖' '🤓' '👾']<br/>
    Note left of User: User passcode icons: ['🐱' '🥳' '🐶' '⚡']
    User->>Client: Selected Keys<br/>[0, 3, 3, 2]
    Client->>Server: Login:<br/>email: user@example.com<br/>selected_keys: [0, 3, 3, 2]
    Server-->>Client: Success
```