AI Chatbot for College Project | Local Database(Mongo DB) + Gemini API Key | HTML CSS JS Flask
🎥 AI Chatbot Using HTML, CSS, JavaScript & Flask | Local MongoDB Integration | Gemini/OpenAI API 🤖
🚀 Welcome to my AI Chatbot project demo!
In this video, I showcase how I built an intelligent chatbot using HTML, CSS, JavaScript (frontend) and Python Flask (backend), connected to a local MongoDB database to store chat history. The chatbot also integrates with Gemini API (or OpenAI) to generate human-like responses.
🔧 Tech Stack Used:
HTML & CSS design 💻
JavaScript for chat logic & user interaction 🧠
Flask (js) for backend server 🔙
MongoDB (localhost) for storing chat history 💾
Gemini API (or OpenAI API) for AI responses 🌐
📂 Project Features:
Real-time AI responses
Auto user ID generation using localStorage
Chat history stored in MongoDB
Error handling and API integration
📌 Project Purpose:
This chatbot is part of my academic/K-HUB selections project as a B.Tech CSE(AI) student, showcasing my skills in full-stack web development and AI integration.
🖥️ Watch the full video to see:
Live chat interaction
MongoDB data insertion
API request & response flow
Beautiful and responsive chatbot UI
👉 Don't forget to Like 👍, Share 🔁, and Subscribe 🔔 for more tech and AI projects!
🔗 GitHub Code (if applicable): [https://github.com/pallalavanya22/chatbot]
📧 For any queries, comment below or contact me.
#AIChatbot #FlaskProject #MongoDB #FrontendDevelopment #OpenAI #GeminiAPI #WebDevelopment #CSEProject #ChatbotUI #FinalYearProject #PythonFlask