https://github.com/lucatosc/react-chatgpt-openai
This simple ReactJS project that I created is an AI Chatbot that uses apiKey from OpenAI.
https://github.com/lucatosc/react-chatgpt-openai
ai chatbot-react chatgpt gpt openai react-ai react-gpt react-openai
Last synced: about 2 months ago
JSON representation
This simple ReactJS project that I created is an AI Chatbot that uses apiKey from OpenAI.
- Host: GitHub
- URL: https://github.com/lucatosc/react-chatgpt-openai
- Owner: lucatosc
- Created: 2024-09-30T01:16:29.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-09-30T01:17:49.000Z (8 months ago)
- Last Synced: 2024-10-11T21:04:50.776Z (7 months ago)
- Topics: ai, chatbot-react, chatgpt, gpt, openai, react-ai, react-gpt, react-openai
- Language: JavaScript
- Homepage:
- Size: 222 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactJS Chatbot OpenAI
This simple ReactJS project that I created is an AI Chatbot that uses apiKey from OpenAI.
## Installation
```sh
cd react-chatgpt-openai
npm install
//add what is needed
npm i react-markdown
```
## Components Only
Go to the `src` folder and copy the `components` folder and its contents to your react project.
**Impport components**
```sh
```
**Call Component**
```sh
```
**Code Example (App.js)**
```
import './App.css';
function App() {
return (
<>
>
);
}
export default App;
```
## Customization
| Atribute | Description |
|:---------|:-----------|
|apiKey=""|You can get apiKey on the official openAI website: GET API KEY|
|aiModel=""|Required to use GPT-3 or GPT-4 models: View Models|
|aiPrompt=""|You can give commands to your bot|
|aiName=""|Change your bot name|
|aiMessage=""|Greet the user before asking a question|
|senderName=""|Change user name|
|typingLoad=""|Changing text Bot is typing...|
|buttonText=""|Change the submit button text|
## Example Full Customization
```sh
```
## Change Appearance
You can change/customize the appearance in the `style.css` file
I didn't encrypt this repository for you to develop in it. If there are problems, please tell me the problem and I will fix it immediately, don't forget to give a star.
Hope it is useful,
Warm greetings from me.