Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 (8 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T17:39:26.000Z (5 months ago)
- Last Synced: 2024-11-24T20:44:43.353Z (about 2 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.ranitmanik.live/
- Size: 325 KB
- Stars: 9
- Watchers: 1
- Forks: 3
- 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
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](#introduction)
- [Features](#features)
- [Core Features](#core-features)
- [Additional Features](#additional-features)
- [Potential Enhancements](#potential-enhancements)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Acknowledgment](#acknowledgment)
## 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:
```bash
git clone https://github.com/RanitManik/Gemini-Clone.git
```
2. Navigate to the project directory:
```bash
cd Gemini-Clone
```
3. Install dependencies:
```bash
npm install
```
4. Create a `.env.local` file in the root of the project and add your Google Gemini API key:
```plaintext
GEMINI_API_KEY="YOUR_GEMINI_API_KEY"
```
5. Start the development server:
```bash
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:
```bash
git checkout -b feature-name
```
3. Make your changes and commit them with clear and descriptive messages.
4. Push your changes to your fork:
```bash
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](LICENSE) file for details.
## Acknowledgment
Special thanks to **[GreatStack](https://www.youtube.com/@GreatStackDev)** for his [Gemini Clone tutorial](https://youtu.be/0yboGn8errU?feature=shared) 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! 🚀