> ## Documentation Index
> Fetch the complete documentation index at: https://paymanai.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Try it

> The customer's side of Connect, running.

**[Yoyo](https://yoyo-demo-production.up.railway.app)** is a chat app built on Payman Connect. Ask it about money and watch the connect card appear in the conversation, exactly where a real product would ask.

<Card title="Open the Yoyo demo" icon="comment" href="https://yoyo-demo-production.up.railway.app" horizontal>
  Sandbox. The bank is a demo and the money is not real.
</Card>

<Steps>
  <Step title="Ask about money">
    Type "what's my balance?". Yoyo has no bank of its own, so it answers with a **Connect your money** card. That card is a `needs_connection` result, rendered.
  </Step>

  <Step title="Sign in">
    The card opens Payman's consent page. It emails you a six-digit code, and the same code creates your account if you are new. No password.
  </Step>

  <Step title="Connect the demo bank">
    Pick **Durango Bank** and paste your Durango token. Approving is what creates the connection: there is nothing to set up beforehand.

    <Note>
      Durango Bank and Trust is a demo bank. Create a free account at [durangobt.com](https://www.durangobt.com) and copy your API token from there. It is the only provider a sandbox app can offer, and none of the money is real.
    </Note>
  </Step>

  <Step title="Watch the answer arrive">
    You land back in the conversation and the question you asked before the detour is already being answered. Nothing was retyped.

    Then ask Yoyo to pay someone. A payment over the limit stops for your approval, Payman emails you the code, and the receipt lands back in the chat.
  </Step>
</Steps>

## What you just saw

Every part of that is the SDK: the card, the consent trip, the replay, and the approval. The app's own code is four lines on the server and two components in the page.

<CardGroup cols={2}>
  <Card title="Quickstart" icon="bolt" href="/quickstart">
    Build the same loop into your product.
  </Card>

  <Card title="Example app" icon="code" href="/reference/example-app">
    Read a working integration end to end.
  </Card>
</CardGroup>