Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Gemini Clone is a React project that utilizes Google's Generative AI to generate responses based on prompts provided by users.
https://github.com/aviralsharma07/gemini-clone

Last synced: 29 days ago
JSON representation

Gemini Clone is a React project that utilizes Google's Generative AI to generate responses based on prompts provided by users.

Awesome Lists containing this project

README

        

# Gemini Clone

Live Project Link: [Gemini Clone](https://gemini-clone-avi.netlify.app/)

Gemini Clone is a React project that utilizes Google's Generative AI to generate responses based on prompts provided by users.

## Features

1. Responsive chatbot application inspired by Google's Gemini chatbot.
2. Integration of Google's Generative AI technology (Gemini Model 1.0) for conversational interactions.
3. Firebase authentication for secure user login and account management.
4. Utilization of React Context API for universal state management.
5. Custom contexts for managing chat data, prompts, and user input.
6. Google Sign-Up option for user convenience.
7. Mobile-first approach for optimal usability on mobile devices.

## Installation

1. Clone the repository:
```
git clone https://github.com/aviralsharma07/gemini-clone.git
```
2. Navigate to the project directory:
```
cd gemini-clone
```
3. Install dependencies:
```
npm install
```

## Usage

To run the project locally, follow these steps:

1. Ensure you have Node.js installed on your system (version 18 or above).
2. Install Vite globally if you haven't already:
```
npm install -g vite
```
3. Start the development server:
```
npm run dev
```
4. Once the development server is running, open the URL provided in your terminal to view the project in your browser.

## Configuration

Before running the project, you'll need to generate your own Gemini API key and add it to the `gemini.js` file located in the `config` folder. You can generate the API key from [Google AI Studio](https://aistudio.google.com/app/prompts/new_chat?utm_source=agd&utm_medium=referral&utm_campaign=core-cta&utm_content=). Replace `API_KEY` with your generated API key in the `gemini.js` file.

## Dependencies

- @google/generative-ai: Used for interacting with Google's Generative AI.
- React: JavaScript library for building user interfaces.

## Let's Connect:

- LinkedIn: [aviral07](https://www.linkedin.com/in/aviral07/)
- X: [\_aviral07](https://twitter.com/_aviral07)
- HashNode: [Blog](https://aviralsharma.hashnode.dev/)