# 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 46  2 39 13 23  6 16 53]<br/>Key 1: [36 28 20 21 49  5 15 43  8]<br/>Key 2: [ 0 10 47 48  4 50 51 25 35]<br/>Key 3: [27  1 38 12 40 32 42 52 17]<br/>Key 4: [45 37 29  3 31 41 24 34 44]<br/>Key 5: [ 9 19 11 30 22 14 33  7 26]<br/>
    Note left of Server: Icons:<br/>[🍎,🍏,🍊,🍋,🍌,🍉<br/>🍇,🍓,🍒,🍑,🥭,🍍<br/>🥥,🥝,🍅,🍆,🥑,🥕<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/>Key 5: ['🍑' '🥔' '🍍' '🍔' '🥖' '🍅' '🌭' '🍓' '🧀']<br/>
    Note left of User: User passcode icons: ['🍌' '🍟' '🌽' '🥝']
    User->>Client: Selected Keys<br/>[2, 4, 0, 0]
    Client->>Server: Login:<br/>email: user@example.com<br/>selected_keys: [2, 4, 0, 0]
    Server-->>Client: Success
```