This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
docker pull apurvjha123/chit-chat
π How to Integrate
1. π¨ CDN Integration
Step 1: Add the provided CSS and JS CDN to your project.
CSS CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/apurvjha123/Chit-Chat-Server/js-interface/style.css">
Step 2: Embed the chatbot interface into your desired location within the HTML body:
<div id="chatbot"></div>
Step 3: Before the closing '</body>' tag, add the following
JavaScript CDN:
<script src="https://cdn.jsdelivr.net/gh/apurvjha123/Chit-Chat-Server/js-interface/script.js"></script>
Step 4: Configure the chatbot using the following code:
chatbot.setChatBotConfiguration({
apiKey: "Your API Key",
chatbotTitle: "Chat Bot",
initialMessage: "Hello! How can I assist you?",
brandImage: "https://www.kindpng.com/picc/m/179-1798038_chatbots-builder-pricing-crozdesk-free-chatbot-hd-png.png",
});
2. π API Integration
After uploading your file and providing the OpenAI API key, you can make use of our 'generateAnswer' function to retrieve the chatbot's responses:
async function generateAnswer(userQuestion, apiKey) {
const chatAPIUrl = `https://chit-chat.tech/api/v1/QnARetrieval?key=${apiKey}`;
const payloadBody = {
prompt: userQuestion,
};
const response = await fetch(chatAPIUrl, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(payloadBody),
});
const jsonData = await response.json();
return jsonData.answer;
}
π API Reference
Retrieve a Chatbot Answer
POST https://chit-chat.tech/api/v1/QnARetrieval?key=${apiKey}
Request Example
{
"prompt": "What is Chit-Chat?"
}
Response Example
{
"answer": "Chit-Chat is a service that allows you to integrate a chatbot into your application using OpenAI's API."
}
π Prerequisites
- Active OpenAI API Key
-Configuration file uploaded to Chit-Chat
π Support
If you encounter any issues or require further assistance, please reach out to our support team at apurvjha123@gmail.com.
Thank you for choosing Chit-Chat for your chatbot needs. We hope to make your integration process as smooth as possible.π
!