[FEATURE]: Add Gemini AI Chatbot Integration for Collaborative Rooms #118
Description
RIYA CHANDRA GSSOC'2025 CONTRIBUTOR
Description:
Currently, the Collaborative Code Editor allows multiple users to join a coding room, edit code in real time, chat with each other, and join video calls. To further enhance user experience and productivity, we propose integrating a Gemini AI-powered chatbot directly within each collaborative room.
Feature Goals:
-Provide an AI assistant capable of understanding coding context and offering code suggestions, debugging help, and documentation references.
-Allow users to interact with the AI via the existing chat panel.
-Maintain a seamless, real-time experience without requiring users to leave the collaborative session.
Backend
-Integrate Gemini API using @google/generative-ai.
-Add a new Socket.IO event aiMessage to handle AI queries.
-Fetch Gemini response and emit aiResponse back to the room.
Frontend
-Extend the chat panel with /ai command or a “Ask Gemini” option.
-Emit aiMessage when user queries AI.
-Listen for aiResponse and render Gemini’s replies with a bot-style UI.
Technical Considerations:
-Integration with Gemini AI API for chatbot functionality.
-Real-time message handling through Socket.IO alongside the current chat infrastructure.
-Option to toggle the AI chatbot on/off per room to avoid clutter.
-Ensure minimal latency and maintain performance of the collaborative editor.
Benefits:
-Enhances collaboration by providing instant coding assistance.
-Reduces context switching for developers by keeping AI help inside the editor.
-Makes the platform more engaging and innovative.
-Users can type questions to the AI chatbot in the room’s chat panel.
-AI responds contextually to coding queries.
-Chat history with the AI is displayed alongside messages from other users.
@Kushika-Agarwal please consider this Feature to improve the productivity of the overall collaborative room.
GSSOC'2025
Thankyou
Riya Chandra