https://github.com/adnangif/chatgpt_clone

A simple project that showcases the power of the Gemini pro in creating a stripped-down, text-based chatbot experience. Inspired by the simplicity and efficiency of ChatGPT, this project aims to provide a lightweight and easy-to-use interface for interacting with a basic chatbot.
https://github.com/adnangif/chatgpt_clone

chatbot chatgpt chatgpt-clone gemini-api gemini-pro reactjs typescript vite

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/adnangif/chatgpt_clone
Owner: adnangif
License: mit
Created: 2024-02-24T07:58:11.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-02-27T20:31:02.000Z (over 2 years ago)
Last Synced: 2025-10-16T08:56:35.546Z (9 months ago)
Topics: chatbot, chatgpt, chatgpt-clone, gemini-api, gemini-pro, reactjs, typescript, vite
Language: TypeScript
Homepage: https://adnangif.github.io/chatgpt_clone/
Size: 795 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

README

          







  

    

  

A Chatbot made using Gemini Pro 


  


  This is a Chatbot made to replicate the look and feel of the ChatGPT website. It uses the Gemini pro which is a powerful LLM, being developed by Google.

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  Table of Contents

  


    

      About The Project

      

        Built With

      

    

    

      Getting Started

      

        Prerequisites

        Installation

      

    

    Usage

    Roadmap

    Contributing

    License

    Contact

  


## About The Project

A simple project that showcases the power of the Gemini pro in creating a stripped-down, text-based chatbot experience. Inspired by the simplicity and efficiency of ChatGPT, this project aims to provide a lightweight and easy-to-use interface for interacting with a basic chatbot.

![chatGPT clone demo](images/image1.png)

![chatGPT clone demo](images/image2.png)

(back to top)


### Built With

* [![React][React.js]][React-url]

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)

(back to top)


## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

- Nodejs is installed in your system

### Installation

1. Get a free API Key  [HERE](https://ai.google.dev)

2. Clone the repo

   ```sh

   git clone https://github.com/adnangif/chatgpt_clone.git

   ```

3. Install NPM packages

   ```sh

   npm install

   ```

4. Enter your API in `.env`

   ```

    VITE_GEMINI_API_KEY=asdfasdaeriodscj

   ```

(back to top)


## Usage

Visit the 

    Demo

 site for a look. All the features and behaviours are designed to resemble ChatGPT. Write query and Gemini Pro will return response shortly.

(back to top)


## Roadmap

- [x] Chat with the AI

- [x] UI closely resembles ChatGPT

- [x] Text streaming like ChatGPT

- [ ] Handle and show errors when Gemini Pro fails to Generate output

- [ ] The AI remembers the previous chats

- [ ] Add backend and sessions 

- [ ] AI can reply based on previously sent queries

- [ ] Make the responses visually identical to ChatGPT

See the [open issues](https://github.com/adnangif/chatgpt_clone/issues) for a full list of proposed features (and known issues).

(back to top)


## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. 




FOR MORE INFORMATION ON HOW TO CONTRIBUTE, CLICK HERE

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

(back to top)


## License

Distributed under the MIT License. See `LICENSE` for more information.

(back to top)


## Contact

Muhammad Fahim - muhammadfahim010@gmail.com

Project Link: [https://github.com/adnangif/chatgpt_clone](https://github.com/adnangif/chatgpt_clone)

(back to top)


[contributors-shield]: https://img.shields.io/github/contributors/adnangif/chatgpt_clone.svg?style=for-the-badge

[contributors-url]: https://github.com/adnangif/chatgpt_clone/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/adnangif/chatgpt_clone.svg?style=for-the-badge

[forks-url]: https://github.com/adnangif/chatgpt_clone/network/members

[stars-shield]: https://img.shields.io/github/stars/adnangif/chatgpt_clone.svg?style=for-the-badge

[stars-url]: https://github.com/adnangif/chatgpt_clone/stargazers

[issues-shield]: https://img.shields.io/github/issues/adnangif/chatgpt_clone.svg?style=for-the-badge

[issues-url]: https://github.com/adnangif/chatgpt_clone/issues

[license-shield]: https://img.shields.io/github/license/adnangif/chatgpt_clone.svg?style=for-the-badge

[license-url]: https://github.com/adnangif/chatgpt_clone/blob/master/LICENSE.txt

[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB

[React-url]: https://reactjs.org/

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/adnangif/chatgpt_clone

Awesome Lists containing this project

README

A Chatbot made using Gemini Pro