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

https://github.com/davesimoes/chatgpt-react-node-clone

A simple ChatGPT clone using React Node and OpenAI API
https://github.com/davesimoes/chatgpt-react-node-clone

api chatgpt clone-app clone-website developer-tools gptchat gptchat-openai node openai openai-api openaiapi react

Last synced: 2 months ago
JSON representation

A simple ChatGPT clone using React Node and OpenAI API

Awesome Lists containing this project

README

          



![image](https://github.com/DaveSimoes/chatgpt-react-node-clone/assets/109705197/655133f3-abf4-4833-b8c3-b5fb90b2e9ba)


ChatGPT-React-Node-clone

This full stack ChatGPT clone is a simple educational web application developed with the OpenAI library and built with React and Node.js.
It allows users to chat with an AI language model that responds in real time.

```
🚀 Give a Star ⭐️ & Fork to this project ... Happy coding! 🤩`
```

# Requirement:
- Install Node: https://nodejs.org/en


![image](https://github.com/DaveSimoes/chatgpt-react-node-clone/assets/109705197/d2861369-d049-42be-b741-b0641fd1c9ac)

```sh
npm install -g node
```

## Getting Started 🚀
Clone down this repository.
```sh
Cli: gh repo clone DaveSimoes/chatgpt-react-node-clone
```

In your terminal install the React library in the Web folder according to the line below:

![image](https://github.com/DaveSimoes/chatgpt-react-node-clone/assets/109705197/47c93c6a-c246-44fd-9a7e-bb2e824ec686)

# Stacks for this project :

### Backend
- OpenAI API
- Node
- Express
- Javascript
- Cors

### Frontend
- React
- Javascript

## It´s necessary install the dependencies by npm package:

```sh
npm i cors dotenv express openai
```

## To run the Backend service, you need to type into your terminal according to the instructions below.
```sh
$ cd server
$ npm install
$ npm start
```
## Once this is done, the backend service will be running on port :3000.
```sh
http://localhost:3000/
```
## To run the Frontend service, please type in your terminal according to the instructions below.

```sh
$ cd web
$ npm install
$ npm start
```

### Reference:
- React - https://react.dev/
- Javascript : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
- Openai Library : https://platform.openai.com/docs/api-reference
- NPM : https://docs.npmjs.com/
- Node: https://nodejs.org/en


Show your support!
Give a ⭐ !


Thank You ! ☺️