🤖 Personal AI Chatbot

A fully interactive AI-powered chatbot built with HTML, CSS, and JavaScript, integrated with Google Gemini API for real-time intelligent responses.
This chatbot provides conversational AI, file uploads, theme switching, and chat history management with smooth typing effects.

---

🚀 Live Demo

🔗 Live App

---

📌 Features

• Conversational AI: Uses Google Gemini API for generating intelligent responses.
• Typing Effect: Responses appear word by word for a natural conversational feel.
• File Upload Support: Upload images, PDFs, CSVs, and text files with preview.
• Theme Toggle: Switch between dark and light mode; saves preference in localStorage.
• Suggestions Panel: Quick prompts for faster interactions.
• Chat Management: Clear chat history or stop responses anytime.
• Responsive Design: Works across devices with a clean, modern UI.

---

🔍 Usage

1. Open index.html in a web browser.
2. Type a message or select a suggested prompt in the chat box.
3. Optionally, upload files (images, PDFs, CSVs, text).
4. The chatbot generates responses using Google Gemini API in real-time.
5. Toggle themes or manage chat history as needed.

---

📸 Screenshots

🏠 Chat Interface

💬 Chat Interaction

💬 Chat Interaction

💬 Chat Interaction

---

⚙️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (Vanilla)
• API: Google Gemini API (Generative Language)
• Icons: Google Material Symbols

---

👨‍💻 Author

Mirza Yasir Abdullah Baig

• 💼 LinkedIn
• 🌐 Kaggle
• 💻 GitHub

---

⚠️ Disclaimer

This project is for educational purposes only.
It is not intended for commercial use but demonstrates Personal AI Chatbot.

---