Skip to content
ayush-ranjan9135Public

About

ChatBotAi is an AI-powered chatbot application that enables intelligent, real-time conversational interactions using modern APIs and backend integration. The system processes user input, communicates with an AI engine, and delivers context-aware responses through a clean and responsive interface.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

7 Commits

Folders and files

Repository files navigation

🤖 ChatBot AI with Image Input

A modern, elegant, and secure AI chatbot powered by Google's Gemini 2.5 Flash API, featuring a premium glassmorphism interface and seamless text/image multi-modal capabilities.

🔴 Live Demo: https://chat-bot-ai-lime.vercel.app/

UI Demo

✨ Features

  • 🧠 Advanced AI Engine: Powered by Google's cutting-edge Gemini 2.5 Flash model for fast, intelligent responses.
  • 🖼️ Multi-modal Input: Ask questions with just text, or upload an image and ask the AI to analyze it!
  • 📸 Image Staging: See a preview of your selected image right above the input box before you send it along with a text prompt.
  • 💎 Premium Glassmorphism UI: A sleek, modern dark-mode aesthetic with frosted glass effects, smooth gradients, and subtle animations.
  • 📝 Markdown Support: AI responses featuring bolding, lists, and code blocks are rendered beautifully via marked.js rather than raw markdown syntax.
  • ⚡ Secure Serverless Backend: API keys are kept safe and hidden from the frontend using a robust Vercel Serverless Function (/api/chat).
  • 📱 Fully Responsive: The UI seamlessly scales down to look perfect on mobile devices.

🚀 Tech Stack

  • Frontend: HTML5, Vanilla CSS3 (Glassmorphism), Vanilla JavaScript, marked.js
  • Backend: Node.js (Vercel Serverless Functions)
  • AI API: Google Generative AI (Gemini 2.5 Flash)
  • Hosting: Vercel

📬 Contact & Connect

Hi, I'm Ayush Ranjan! 👋 Feel free to reach out to me below if you have any questions or want to collaborate:

📄 License

This project is open-source and available under the MIT License.

About

ChatBotAi is an AI-powered chatbot application that enables intelligent, real-time conversational interactions using modern APIs and backend integration. The system processes user input, communicates with an AI engine, and delivers context-aware responses through a clean and responsive interface.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages