How To Use OpenAI ChatGPT API with React JS

In this tutorial, you will learn how to integrate the OpenAI ChatGPT API with React JS to build intelligent chatbots. We will cover the steps involved in setting up the API, creating a chat interface with React JS, and sending messages to the API for processing. By the end of this video, you will have a basic understanding of how to use ChatGPT API with React JS and be able to implement it in your own projects.

My Udemy Courses:

🎱Source Code for this Video:
-----------------------------------------------------------------------------

👇 Website & Courses: 👨‍🏫 :

Podcast:
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
01:24 - Create a react js application using npm
03:59 - Use NPM to Install Express openai cors body-parser and axios
09:19 - Create a POST request to OpenAI ChatGPT
12:48 - Create a ChatGPT Front-end Clone in React
16:20 - Connect ChatGPT front-end to the back-end using axios HTTP

-------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------

#OpenAIAPI #ChatCPTClone #norbertbmwebdevelopment

[Androiski]

Hi, I tried to follow your example. I am new to Javascript. I installed the latest njs build 18.17.1 with this project.
> const { Configuration, OpenAIApi } = require("openai");
breaks the server.js file. I get an error that "Configuration" is not a constructor.
When I do not use the destructor and write
> const Configuration= require("openai");
> const OpenAIApi = require("openai");
It runs fine. Is this some minor change? I could not find any documentation about it. And I was not able to figure out which njs version you had.

[mshutube]

Hey, if you overlay your head shot in the lower left corner, it covers up a lot of the inputs, so it makes the video hard to follow. Just for future reference :)

[hiiamalyazi]

its not working or the module being responsive i got this error param: null,
code: 'model_not_found'
},
code: 'model_not_found',
param: null,
type: 'invalid_request_error'
}

[PostcardsFromJapan]

Fantastic tutorial, very easy to follow. Subscribed!

[KcClips]

please Update App.css file

(giving error)