💡[Feature]: Day 3: AI ChatBot Development: Integrate Chat APIs into your website.

[SB2318]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Prerequisite: Please Complete the following tasks:

#633
#637
#629

🚀 Objective

Integrate Chat APIs into your website to enable real-time communication with your AI Chatbot powered by Generative AI (Gemini).

This step ensures your frontend can seamlessly send user messages and receive AI-generated responses through your backend.

---

✅ Tasks

• Fork the submodule (https://github.com/SB2318/IEEE-s-Mindful-Devs-Bootcamp)
• Create a new branch add your changes there
• Create PR For the submodule

🎯 Tasks To Complete

✅ 1. Integrate Chat API (Frontend → Backend)

• Connect your website UI to your backend chat endpoints
• Use POST /send-message to send user queries
• Use GET /load-conversations to fetch conversation history
• Display messages in proper chat UI format

---

🧠 How It Works (High-Level Flow)

1. User enters a prompt in your web chat box
2. Frontend sends the prompt to your backend Chat API
3. Backend forwards the prompt to Gemini Generative AI model
4. Gemini generates the reply
5. Backend saves both messages (user + AI)
6. Frontend displays the updated chat thread

This creates a smooth end-to-end AI conversation experience.

---

🏗️ What You Should Already Have (From Previous Days)

• Backend setup initialized
• Basic endpoints created (💡[Feature]: Day 3: AI ChatBot Bakend: Implement ChatBot Backend (Generative AI Integration) #637 )
• Gemini API key configured (💡[Feature]: Day 1: Obtain Gemini API Key And Secure It (Discord Session) #629 )
• Conversation storage schema started

✔️ Acceptance Criteria

• Chat API successfully connected with frontend
• Messages visible in chat interface
• Real-time AI replies displayed
• Conversation history loads correctly
• No CORS or authentication issues

Use Case

Feature

Benefits

Learning

Add ScreenShots

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I'm a IEEE IGDTUW contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊