A sleek, modern chatbot web application featuring file uploads, emoji support, and seamless integration with the Gemini API.
- Responsive Popup UI: Clean, mobile-friendly chat interface that pops up on demand.
- Real-Time Messaging: Instantly send and receive messages.
- Image Upload & Preview: Attach and preview image files directly in the chat.
- Emoji Picker: Express yourself with a built-in emoji selector.
- Animated Typing Indicator: See when the bot is responding.
- Dark Theme: Stylish, eye-friendly design.
- Clone or download this repository.
- Open
index.html
in your browser. - Click the chat icon to launch the chatbot popup.
- Type your message, add emojis, or upload an image.
- Press Enter or click the send button to chat.
index.html
: Main HTML file containing the chatbot UI.style.css
: Custom styles and layout for the app.script.js
: Chatbot logic, Gemini API integration, and UI interactivity.
- Google Gemini API — AI-powered chat responses.
- Emoji Mart (CDN) — Emoji picker component.