# Welcome!

Welcome to this guide on creating a simple ChatGPT chatbot using the GenAI API! By the end of this Gitbook, you'll have a functional chatbot integrated into your website using React, along with ideas for further enhancements. Let’s dive in!

### Jump right in

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><ol><li>I<strong>ntroduction on GenAI API</strong></li></ol></td><td></td><td><a href="https://246146260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk9sPXgCwD2opDtHrnr3q%2Fuploads%2FlrV1zQ9WAnK0ngYNqHmG%2FScreenshot%202024-08-28%20at%209.43.32%E2%80%AFPM.png?alt=media&#x26;token=2fe686b8-aeca-482b-854d-9332fe579110">Screenshot 2024-08-28 at 9.43.32 PM.png</a></td><td></td><td><a href="getting-started/introduction-on-genai-api">introduction-on-genai-api</a></td></tr><tr><td><ol start="2"><li><strong>Basic React tutorial for web development</strong></li></ol></td><td></td><td><a href="https://246146260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk9sPXgCwD2opDtHrnr3q%2Fuploads%2F7717ftPIfZYyPOOsdtsc%2FScreenshot%202024-08-28%20at%209.44.39%E2%80%AFPM.png?alt=media&#x26;token=d9684a1a-d001-433d-a743-41e148981b1e">Screenshot 2024-08-28 at 9.44.39 PM.png</a></td><td></td><td><a href="api-integration">api-integration</a></td></tr><tr><td><ol start="3"><li>I<strong>ntroduction to web backend using javascript</strong></li></ol></td><td></td><td><a href="https://246146260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk9sPXgCwD2opDtHrnr3q%2Fuploads%2FSfyNLfEEiWoYEyZ8PJdO%2FScreenshot%202024-08-28%20at%209.46.23%E2%80%AFPM.png?alt=media&#x26;token=588ae384-7ee0-4f63-a525-dcdf74f9ab8b">Screenshot 2024-08-28 at 9.46.23 PM.png</a></td><td></td><td><a href="getting-started/publish-your-docs">publish-your-docs</a></td></tr><tr><td><ol start="4"><li>I<strong>ntegrating GenAI into your website</strong></li></ol></td><td></td><td><a href="https://246146260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk9sPXgCwD2opDtHrnr3q%2Fuploads%2FJMSI20aBahjlbc1SwHip%2FScreenshot%202024-08-28%20at%209.47.11%E2%80%AFPM.png?alt=media&#x26;token=0ca26145-09f2-41b3-8173-07f826a2c058">Screenshot 2024-08-28 at 9.47.11 PM.png</a></td><td></td><td></td></tr><tr><td><ol start="5"><li><strong>Further/potential enhancement of chatbot</strong></li></ol></td><td></td><td><a href="https://246146260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fk9sPXgCwD2opDtHrnr3q%2Fuploads%2FkAy5WleCyanK8xBlSYYq%2FScreenshot%202024-08-28%20at%209.47.46%E2%80%AFPM.png?alt=media&#x26;token=cb95d432-defc-4b42-9049-936875e9dd48">Screenshot 2024-08-28 at 9.47.46 PM.png</a></td><td></td><td></td></tr></tbody></table>