Skip to content

RanitManik/Gemini-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

34 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

google-gemini-icon

Gemini Clone

GitHub Created At Repo Size Discussions License Forks Stars Vercel Deploy Status Wakatime

๐ŸŒŸ 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

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:

    git clone https://github.com/RanitManik/Gemini-Clone.git
  2. Move into the folder:

    cd Gemini-Clone
  3. Install all the required packages:

    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:

      GEMINI_API_KEY="YOUR_GEMINI_API_KEY"
  5. Run the app:

    vite
  6. Open in your browser:

    Go to 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:

    git checkout -b your-feature-name
  3. Make your changes and commit:

    git commit -m "Add your message here"
  4. Push your branch:

    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 file for more info.


๐Ÿ™Œ Thanks

  • 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! ๐Ÿš€