A modern, professional chat interface powered by Google's Gemini AI. Built with Flask and featuring a beautiful, responsive design with dark/light mode support.
- 🤖 AI-Powered Chat - Powered by Google Gemini 2.0 Flash
- 🎨 Dark/Light Mode - Toggle between beautiful themes
- 📱 Responsive Design - Works perfectly on desktop and mobile
- 💬 Modern Chat UI - WhatsApp/iMessage style message bubbles
- ⚡ Real-time Responses - Fast and smooth chat experience
- 🎯 Professional Design - Clean, modern interface
- Python 3.7+
- Google Gemini API key
-
Clone or download the project
-
Install dependencies:
pip install flask google-generativeai python-dotenv
-
Set up your API key:
- Create/edit
API.envfile - Add your Gemini API key:
GEMINI_API_KEY=your_api_key_here
- Create/edit
-
Run the application:
cd src python app.py -
Open your browser and go to:
http://localhost:5000
- Type your message and press Enter or click the send button
- Toggle between dark/light mode using the theme button
- Use keyboard shortcuts:
Ctrl+K- Focus inputCtrl+D- Toggle theme
ai-test/
├── src/
│ └── app.py # Flask backend
├── templates/
│ └── index.html # Chat interface
├── static/
│ ├── style.css # Styling
│ └── script.js # Frontend logic
├── API.env # API key configuration
├── .gitignore # Git ignore rules
└── README.md # This file
- Backend: Flask (Python)
- AI: Google Gemini 2.0 Flash
- Frontend: HTML, CSS, JavaScript
- Styling: Modern CSS with custom properties
- Icons: Font Awesome
- Floating chat window design
- Smooth animations and transitions
- Professional color schemes
- Compact message bubbles
- Auto-resizing input field
- Character counter
- Typing indicators
This project is open source and available under the MIT License.
Created by Waddah - A modern AI chat interface for seamless conversations.
Enjoy chatting with Waddah's AI! 🚀