# 🤖 CharlieeBot *A sleek, web-based AI chatbot powered by Google’s Gemini API* *IT ONLY RUNS ON LOCALLY * --- ## ✨ Features - 🎨 Clean, modern UI with gradient background - ⚡ Real-time, interactive chat interface - 🖥️ Backend powered by **Python Flask** - 🤝 Seamless integration with **Google Gemini AI** --- ## Project Structure - `backend/`: Python Flask server with Gemini integration - `frontend/`: HTML, CSS, JS for the web interface ## Setup Instructions 1. **Install Dependencies**: - Navigate to the backend directory: `cd backend` - Install Python packages: `pip install -r requirements.txt` 2. **Get Gemini API Key**: - Visit [Google AI Studio](https://makersuite.google.com/app/apikey) - Create an API key for Gemini 3. **Configure API Key**: - Open `backend/app.py` - Replace `"YOUR_GEMINI_API_KEY_HERE"` with your actual API key 4. **Run the Application**: - Start the backend server: `python app.py` - Open `frontend/index.html` in your web browser - The chatbot should be accessible at `http://localhost:5000` for API calls ## Deployment ### Backend Deployment - Use platforms like Heroku, Railway, or AWS for Flask deployment - Set environment variable for API key in production - Update CORS origins for your frontend domain ### Frontend Deployment - Host static files on Vercel, Netlify, or GitHub Pages - Update the API endpoint in `frontend/script.js` to your deployed backend URL ## Usage - Type your message in the input field - Press Enter or click Send - Receive AI-generated responses from Gemini ## Technologies Used - Frontend: HTML5, CSS3, JavaScript - Backend: Python, Flask - AI: Google Gemini API # Charlieebot # Charlieebot