Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Clone of Google's Gemini AI webapp using React and Gemini API.
https://github.com/priyanshuahir000/gemini-clone

ai clone css frontend gemini gemini-api gemini-clone google react react-js website

Last synced: 2 months ago
JSON representation

Clone of Google's Gemini AI webapp using React and Gemini API.

Host: GitHub
URL: https://github.com/priyanshuahir000/gemini-clone
Owner: priyanshuahir000
License: mit
Created: 2024-05-23T05:06:06.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-11-23T11:17:44.000Z (2 months ago)
Last Synced: 2024-11-23T11:28:20.799Z (2 months ago)
Topics: ai, clone, css, frontend, gemini, gemini-api, gemini-clone, google, react, react-js, website
Language: JavaScript
Homepage: https://geminibypb.netlify.app/
Size: 8.93 MB
Stars: 3
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Gemini AI Clone with React

Welcome to the Gemini AI Clone repository! This project allows you to create your own Gemini-inspired large language model (LLM) interface using React. Explore the capabilities of LLMs and build a user-friendly platform for interaction.

## Demo
[![See Demo](https://img.shields.io/badge/See-Demo-blue)](https://geminibypb.netlify.app/)
![Screenshot 1](https://github.com/priyanshuahir000/Gemini-Clone/blob/main/src/assets/screenshot.gif)

## Key Features

- **Text-based Interface:** Interact with a simulated LLM through a user-friendly text interface.
- **API Integration (Optional):** Integrate with the Google Gemini API for real-time LLM interaction (subject to API terms and availability).
- **Customizable:** Easily customize the UI and functionality to suit your needs.

## Getting Started

Follow these steps to set up the project locally:

1. **Clone the repository:**
```bash
git clone https://github.com/priyanshuahir000/Gemini-Clone
```

2. **Install dependencies:**
```bash
npm install
```

3. **Start the development server:**
```bash
npm run preview
```

## Project Structure

- **Components:** All React components are located in the `src/components` directory.
- **Assets:** Static assets like images and stylesheets are in the `src/assets` directory.
- **Utilities:** Helper functions and utilities are in the `src/utils` directory.

## Additional Notes

- This project is built using React.
- The structure is organized to ensure a clean and maintainable codebase.
- Building your own LLM interface offers a unique learning experience about LLMs and React development.

## Resources

- **Google Gemini API Documentation (Optional):** If you are using the API, refer to the [Google Gemini API documentation](https://ai.google.dev/gemini-api/docs/get-started/tutorial?lang=web) for detailed instructions.

## Feedback

We look forward to your feedback! Feel free to open an issue or submit a pull request with your improvements and suggestions.

---

Thank you for using the Gemini AI Clone with React! Happy coding!