# Chat Starter App
URL: /examples-and-templates/chat-starter-app

<img src="/assets/docs/template.gif" alt="Demo GIF" style={{ border: "2px solid #e5e7eb", borderRadius: "8px", width: "80%" }} />

[Github](https://github.com/tambo-ai/tambo-template?tab=readme-ov-file#tambo-template)

```bash title="Install the starter app:"
npm create tambo-app@latest my-tambo-app
```

This template app shows how to setup the fundamental parts of an AI application using tambo:

**Component registration**

See in [src/lib/tambo.ts](https://github.com/tambo-ai/tambo-template/blob/main/src/lib/tambo.ts) how a graph component is registered with tambo.

**Tool Registration**

See in [src/lib/tambo.ts](https://github.com/tambo-ai/tambo-template/blob/main/src/lib/tambo.ts) how population data tools are registered with tambo.

**UI for sending messages to tambo and showing responses**

The components used within [src/components/tambo/message-thread-full.tsx](https://github.com/tambo-ai/tambo-template/blob/main/src/components/tambo/message-thread-full.tsx) use hooks from tambo's react SDK to send messages and show the thread history.

**Wrap the app with the `TamboProvider`**

In [src/app/chat/page.tsx](https://github.com/tambo-ai/tambo-template/blob/main/src/app/chat/page.tsx) we wrap the page with the `TamboProvider` to enable the usage of tambo's react SDK within the message sending and thread UI components.