Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hamzazaidix/gemini-clone

Google Gemini Ai Clone Using React + Vite JS and Gemini API
https://github.com/hamzazaidix/gemini-clone

ai-prompts artificial-intelligence chatgpt clone-app css gemini gemini-ai gemini-api gemini-website-clone google google-ai jsx prompt react react-js ui-interface vite-js website-clone

Last synced: about 1 month ago
JSON representation

Google Gemini Ai Clone Using React + Vite JS and Gemini API

Awesome Lists containing this project

README

        

# Gemini 2.0 Clone 🤖
Gemini Clone is a project aimed at replicating the functionality of Gemini AI, powered by the Google Gemini API, using React JS + Vite JS and some CSS styling 🤖💻

# [Live Demo](https://gemini-clone-shjz.netlify.app/)
(Note: temporary hosting project on Netlify for almost 90 days after that it will be deactivated)

## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Core Features](#core-features)
- [Additional Features](#additional-features)
- [Potential Enhancements](#potential-enhancements)
- [Screenshots](#screenshots)
- [Installation](#installation)

## Introduction
This project introduces a React-based web application that functions as a clone of the Google Gemini AI chatbot. It provides a user-friendly interface for interacting with the powerful Gemini model, allowing you to ask questions and receive informative responses in a conversational manner.

## Features

### Core Features
- **Chat Interface:** Provides a dedicated interface for interacting with the Gemini model in a conversational style.
- **Simulated Typing Effect:** Enhances the user experience by mimicking a natural typing effect during responses.
- **Google Gemini Integration:** Utilizes the capabilities of the Google Gemini model for generating informative responses.

### Additional Features
- **React-based Development:** Leverages React's efficient component-based approach for building the application.
- **CSS Styling:** Employs CSS to style the user interface for visual appeal and usability.

### Potential Enhancements
- **Conversation History:** Keeps a record of past interactions for reference.
- **Advanced UI Elements:** Introduces additional features like emojis, formatting options, or user avatars.
- **Enhanced Functionality:** Explores integrating functionalities like image search or language translation.

## Screenshots
![gemini-r](https://github.com/HamzaZaidiX/Gemini-Clone/assets/52501040/b43d3338-be78-47c1-b769-347a7a9b337a)
![image](https://github.com/HamzaZaidiX/Gemini-Clone/assets/52501040/904b390a-354a-4d1e-bfe2-47e546ba2b71)
![gemini](https://github.com/HamzaZaidiX/Gemini-Clone/assets/52501040/d02c1105-c052-4318-8ba5-d12780e4fd74)

## Installation
To clone the repository:
```bash
git clone https://github.com/HamzaZaidiX/Gemini-Clone.git
```

### Licence:
MIT LICENCE Read `Licence` document for more details =>

# Bye! 👋
HOPE U LIKE THIS PROJECT PLEASE! IF YOU ARE USING THIS CODE PLEASE GIVE **HAMZA ZAIDI** SOME CREDITS BY LIKE & GIVE A HEART!!! 😃👍💛