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.
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!
- 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.
- Built with React โ Uses modern, component-based React code.
- Custom Styling โ Stylish and beginner-friendly UI.
- Save previous chats (conversation history)
- Support emojis and avatars
- Add extra tools like image search, language translation, and more!
Follow these steps to set it up on your own computer:
-
Clone the project:
git clone https://github.com/RanitManik/Gemini-Clone.git
-
Move into the folder:
cd Gemini-Clone
-
Install all the required packages:
npm install
-
Set up your API key:
-
Create a file named
.env.local
in the main folder. -
Add this line with your Gemini API key:
GEMINI_API_KEY="YOUR_GEMINI_API_KEY"
-
-
Run the app:
vite
-
Open in your browser:
Go to http://localhost:5173
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.
Want to help make this better? Great!
-
Fork this repo
-
Create a new branch:
git checkout -b your-feature-name
-
Make your changes and commit:
git commit -m "Add your message here"
-
Push your branch:
git push origin your-feature-name
-
Open a pull request with a short description of what you did.
This project is open-source and available under the MIT License. See the LICENSE file for more info.
- GreatStack for their awesome Gemini Clone tutorial.
- 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! ๐