Skip to content

RanitManik/Gemini-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

google-gemini-icon

Gemini Clone

GitHub Created At GitHub repo size GitHub Discussions GitHub License GitHub forks GitHub stars
Vercel Deploy status wakatime

Gemini Clone is a React-based project designed to replicate the functionality of the Google Gemini AI chatbot, leveraging the Google Gemini API for enhanced conversational interactions.

Table of Contents

Introduction

Gemini Clone is a web application built using React that emulates the Google Gemini AI chatbot. The application offers a user-friendly interface to interact with the Gemini model, enabling users to ask questions and receive informative, conversational responses.

Features

Core Features

  • Interactive Chat Interface: A sleek and responsive chat interface to facilitate seamless interaction with the Gemini model.
  • Simulated Typing Effect: Mimics natural typing to enhance the conversational experience.
  • Google Gemini API Integration: Leverages the Google Gemini API to generate accurate and informative responses.

Additional Features

  • React Framework: Utilizes the power of React's component-based architecture for efficient and maintainable code.
  • CSS Styling: Custom CSS for an aesthetically pleasing and user-friendly interface design.

Potential Enhancements

  • Conversation History: Logs previous interactions for easy reference and continuity in conversations.
  • Rich UI Elements: Adds advanced UI elements such as emojis, text formatting options, and user avatars to enrich the chat experience.
  • Extended Functionality: Plans to incorporate features like image search, language translation, and more to enhance the chatbot’s capabilities.

Installation

  1. Clone the repository:

    git clone https://github.com/RanitManik/Gemini-Clone.git
  2. Navigate to the project directory:

    cd Gemini-Clone
  3. Install dependencies:

    npm install
  4. Create a .env.local file in the root of the project and add your Google Gemini API key:

    GEMINI_API_KEY="YOUR_GEMINI_API_KEY"
    
  5. Start the development server:

    vite

Usage

After installation, open your browser and navigate to http://localhost:5173/ to access the Gemini Clone application. You can start interacting with the Gemini model through the chat interface provided.

Contributing

We welcome contributions to enhance the Gemini Clone project. To contribute:

  1. Fork the repository.

  2. Create a new branch for your feature or bug fix:

    git checkout -b feature-name
  3. Make your changes and commit them with clear and descriptive messages.

  4. Push your changes to your fork:

    git push origin feature-name
  5. Create a pull request to the main repository, detailing the changes and enhancements you have made.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgment

Special thanks to GreatStack for his Gemini Clone tutorial that served as a valuable reference for this project.

It's also essential to acknowledge Google for providing their free Gemini APIs and vercel for providing their free-of-cost hosting plans, which greatly contributed to the success of this project. Their support has been invaluable.

Lastly, I want to thank the open source community for all their support.


Thank you for exploring the Google Gemini Clone! Happy coding! 🚀