https://github.com/ranitmanik/gemini-clone
Google Gemini Clone 2024
https://github.com/ranitmanik/gemini-clone
ai ai-chat ai-chat-bot ai-chatbot ai-chatbots chatbot css gemini gemini-ai gemini-api google google-gemini-ai javascript npm react vercel vite
Last synced: 4 months ago
JSON representation
Google Gemini Clone 2024
- Host: GitHub
- URL: https://github.com/ranitmanik/gemini-clone
- Owner: RanitManik
- License: mit
- Created: 2024-05-19T15:49:38.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-11-07T16:10:36.000Z (7 months ago)
- Last Synced: 2026-01-19T22:32:59.470Z (5 months ago)
- Topics: ai, ai-chat, ai-chat-bot, ai-chatbot, ai-chatbots, chatbot, css, gemini, gemini-ai, gemini-api, google, google-gemini-ai, javascript, npm, react, vercel, vite
- Language: JavaScript
- Homepage: https://gemini-clone-v0.netlify.app
- Size: 206 KB
- Stars: 36
- Watchers: 1
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# Gemini Clone
## 🌟 What is Gemini Clone?
**Gemini Clone** is a simple and clean chatbot web app built using **React**. It connects to the **Google Gemini API** to provide AI-powered answers — just like Google's real Gemini AI.
This project is perfect for learning how to work with APIs, build chat interfaces, and create React projects.
---
## 📚 Table of Contents
* [Overview](#overview)
* [Features](#features)
* [Getting Started](#getting-started)
* [How to Use](#how-to-use)
* [Contribute](#contribute)
* [License](#license)
* [Thanks](#thanks)
---
## 🧠 Overview
This web app lets you chat with an AI powered by the **Google Gemini API**. It mimics how the real Gemini chatbot works and responds in real time.
Whether you're new to coding or just curious about how to build your own AI chatbot, this is a great place to start!
---
## ✨ Features
### 🔹 Core Features
* **Chat Interface** – A clean and responsive design that works on any screen.
* **Typing Animation** – The bot types responses just like a human would.
* **AI Integration** – Connects directly to the Google Gemini API.
### 🔹 Nice-to-Have Features
* **Built with React** – Uses modern, component-based React code.
* **Custom Styling** – Stylish and beginner-friendly UI.
### 🔮 Future Ideas
* Save previous chats (conversation history)
* Support emojis and avatars
* Add extra tools like image search, language translation, and more!
---
## ⚙️ Getting Started
Follow these steps to set it up on your own computer:
1. **Clone the project:**
```bash
git clone https://github.com/RanitManik/Gemini-Clone.git
```
2. **Move into the folder:**
```bash
cd Gemini-Clone
```
3. **Install all the required packages:**
```bash
npm install
```
4. **Set up your API key:**
* Create a file named `.env.local` in the main folder.
* Add this line with your Gemini API key:
```env
GEMINI_API_KEY="YOUR_GEMINI_API_KEY"
```
5. **Run the app:**
```bash
vite
```
6. **Open in your browser:**
Go to [http://localhost:5173](http://localhost:5173)
---
## 💬 How to Use
Once the app is running:
* Type your question or message in the input box.
* The Gemini AI will respond in a conversational style.
* You can keep chatting and explore different responses.
---
## 🤝 Contribute
Want to help make this better? Great!
1. Fork this repo
2. Create a new branch:
```bash
git checkout -b your-feature-name
```
3. Make your changes and commit:
```bash
git commit -m "Add your message here"
```
4. Push your branch:
```bash
git push origin your-feature-name
```
5. Open a pull request with a short description of what you did.
---
## 📄 License
This project is open-source and available under the **MIT License**.
See the [LICENSE](LICENSE) file for more info.
---
## 🙌 Thanks
* **[GreatStack](https://www.youtube.com/@GreatStackDev)** for their awesome [Gemini Clone tutorial](https://youtu.be/0yboGn8errU?feature=shared).
* **Google** for providing the Gemini API.
* **Vercel** for free hosting that made this live deployment easy.
* And a big thank you to the **open-source community**! 💖
---
Thanks for checking out Gemini Clone! Happy coding! 🚀