Getting Started

Requirements

• Node.js
• npm

Setting up the React Application

1. In a directory, set up a React project using Vite:

npm create vite@latest my-react-app --template react-ts
cd my-react-app
npm install
npm install sociable-ai-chatbot

2. Remove import './index.css' from src/main.tsx

3. Replace the contents of src/App.tsx with:

import { SociableAiChat } from "sociable-ai-chatbot";

function App() {
  return (
    <>
        <SociableAiChat
          apiKey={"YOUR_API_KEY"}
          baseUrl={"YOUR_BASE_URL"}
          chatName="Chat With Name"
          personaName="AI Name"
          greetingMessage="Hey! How can I help you?"                         
        />
    </>
  )
}

export default App;

Replace YOUR_API_KEY, YOUR_BASE_URL, and YOUR_PROXY_URL with your actual values.

Running the Application

Start the development server:

npm run dev

Your application should now be running and ready to use!