Gemini Clone 🤖
A Gemini-inspired AI chat web application built using HTML, CSS, and JavaScript.
This project demonstrates how to interact with the Gemini API on the frontend with a clean UI and smooth chat experience.
🚀 Features
- Gemini-style chat interface
- Real-time AI responses
- Typing animation effect
- Light / Dark mode toggle
- Chat history saved using LocalStorage
- Copy-to-clipboard for responses
- Responsive design
🛠 Technologies Used
- HTML5
- CSS3
- JavaScript (ES6)
- Gemini API
🔐 API Key Setup (Required)
This repository does NOT include any API key for security reasons.
How to add your API key:
- Get a Gemini API key from Google AI Studio
- Open: js/script.js
- Find this line:
const API_KEY = "Enter your Api key here";
Replace it with your own API key.
⚠️ Important:
Do NOT upload your real API key to GitHub
Do NOT enable billing on shared keys
Use this project for learning purposes only
▶️ How to Run Locally
Clone the repository:
git clone https://github.com/nexverix/gemini-clone.git
Open the project folder:*
cd gemini-clone
Open index.html in your browser
No server setup required
🌍 Live Demo
(Optional) Hosted using GitHub Pages
⚠️ Disclaimer
This project is intended for educational and demonstration purposes only.
Users are responsible for their own API usage, limits, and billing.
🚀 Built at NexVerix