tyleroneil72/react-chat-bot

Customizable Chat bot built with React.js, Node.js and Express.js, integrated with OpenAI's API to provide natural language processing capabilities. The bot can engage in conversations with users, answer questions, and provide responses based on the context of the conversation.

Chat Bot using React.js, Node.js, Express.js, and OpenAI API

Description

This is a chat bot built with React.js, Node.js and Express.js, integrated with OpenAI's API to provide natural language processing capabilities. The bot can engage in conversations with users, answer questions, and provide responses based on the context of the conversation.

Features

• Natural Language Processing (NLP) using OpenAI's API.
• Interactive conversations with users.
• Ability to answer questions and provide context-aware responses.
• Fully customizable/tweakable

Example

Installation

1. Clone the repository:

git clone https://github.com/tyleroneil72/react-chat-bot.git
cd react-chat-bot

2. Install dependencies:

npm install

3. Obtain OpenAI API Key:

Sign up for an account at OpenAI. Get your API key from the OpenAI dashboard. Create a .env file in the root directory and add your API key:

API_KEY='YOUR KEY HERE'
# You may need to change this depending on your accounts access, gpt 3.5 is available to all accounts
MODEL='gpt-4'
# MODEL='gpt-3.5-turbo-1106' This model is soon to be deprecated
# MODEL='gpt-3.5-turbo'
# If you change this express port, it also must be changed in frontend/src/chat/Chat.jsx EXPRESS_PORT variable
EXPRESS_PORT='3000' 
VITE_PORT='5173'

const gptModel = process.env.MODEL;
const response = await openai.createChatCompletion({
      model: gptModel,
      messages: messages,
    });

NOTE: Works best with GPT-4

Usage

Run the following command from the root directory

npm start

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

This project was inspired by the capabilities of OpenAI's API.

This project was originally crafted without the use of React. If you're curious to explore its earlier version, you can find the legacy repository by clicking here

Contact

For any inquiries or questions, you can reach me at [email protected] or on my linkedin at https://ca.linkedin.com/in/tyler-oneil-dev

react-chat-bot's Issues

Create and host Production Version

Create a production version and host on tyleroneil.dev/projects/chatbot

Request failed with status code 429

An error occurred while processing the request: Error: Request failed with status code 429.

This error comes out whenever I ask on the bot.
I don't know how to fix this, I am a beginner on coding.
I would like to use your code for a school project.
Thank youu.

Fix Documentation

Enhance the project by improving documentation and comments throughout the codebase for better clarity and understanding. Clear comments provide insights into code logic, aiding in troubleshooting.