# 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: [12 13 20 21 16 23]<br/>Key 1: [ 6  1 14  9  4 29]<br/>Key 2: [ 0  7 26 15 28 11]<br/>Key 3: [24 19  2 27 10  5]<br/>Key 4: [18 25  8  3 22 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/>[1, 3, 3, 0]
    Client->>Server: Login:<br/>email: user@example.com<br/>selected_keys: [1, 3, 3, 0]
    Server-->>Client: Success
```