Super helpful tutorial! Just a couple of points: - At 1:19:14, don't pass in an array of objects as a dependency to the useEffect hook. It could trigger an infinite loop. Only use primitive/static values, like "messages.length". - At 1:20:30 Instead of creating a new function just for the Enter key, make the input element part of a element so that pressing Enter will trigger a form submission.
Please do create more ReactJS projects, your projects are way simpler to understand. Got to learn lots of concepts through projects. Appreciate your work :)
Thanks Raviraj, Glad you liked this React Project tutorial to build ChatGPT clone. Did check this portfolio website project in React: ruclips.net/video/4ag1LsgIUc0/видео.html
How do you format the content in a suitable form? For example, if the content contains code snippets or bullet points, then the tag should be used, so how to do this?
Please help ,I am getting a error in console window after writing the api code ,I have follow the same code as you have written but getting error in Console that require is not defined,and the web page become blank .
Thanks GreatStack for this amazing project .This is a best project. I learned something new while creating it everything was explained very nicely and it's completely begineer friendly I recommend others to try this out.
401 error comes when your credentials are not completed, i.e your profile for the api is not complete, You need to pay $0 from your card on the official website, then the api will allow you to use the feature.... Check from 55:00 Don't worry, no money will be deducted automatically, says OpenAI 😊
Close visual studio. Open your node_modules folder. Delete openai folder Open your terminal in your project folder Run the command "npm install openai@^3.0.0" Restart local instance by typing "npm start" in terminal
Thank you for providing this ChatGPT clone using react but while I am trying this code the output on the browser is not displaying for me and it is showing that an error like Configuration is not a constructor. In actual there is no error in terminal and it is showing that webpack compiled successfully. Could you please help me to solve this issue.
Close visual studio. Open your node_modules folder. Delete openai folder Open your terminal in your project folder Run the command "npm install openai@^3.0.0" Restart local instance by typing "npm start" in terminal
why is my app.css not compiling from 19:14 ? the tags are correct and app.css is imported in app.js but css still not applying on the project... kindly help
Hello GreatStack !!! What an amazing and an easy tutorial to create ChatGpt !!! Thank you so much fo this but i am facing an issue..i am getting this error:- Request failed with status code 401...Any ideas how to resolve this ?? IT would be appreciated and Thank you again !!!!
The code is not at all working now because model name is not working and also some errors with 429 and 404 and also the openai.js is not taking code itself. and openai refusing request and telling too many attempts and not properly explained how can we the api from open ai and api key not at all working
Awesome Tutorial I learned a lot from this video and the good thing about some points I don't understand so personally guide me very well how to use Api
I also request in future also guide this if this same project we have to live link so what's the process do we have to follow and make a link with firebase because in firebase we have a option to free live link .
Great Project !!! BUT FREE OPEN API WILL NOT WORK GUYS , its paid services now , so whosever is not able to generate response , is because of No response from API !!!
Close visual studio. Open your node_modules folder. Delete openai folder Open your terminal in your project folder Run the command "npm install openai@^3.0.0" Restart local instance by typing "npm start" in terminal
Hello sir , this project making but some create a problem not show the output and configuration is openai.js:5 not a constructor please fastly reply solve with problem
he answered that: check your package.json file it should contains "openai": "^3.3.0", if it is not there you can install by typing npm install openai@^3.0.0
Mere project me jb hello likh kr send kroo toh user ki img 40-45 baar print ho rhi hai fir uske baad mera massage likh kr aarha hai map function me kuch error hai kisi ko koi idea hai ki kya kiya ja skta hai
he answered that: check your package.json file it should contains "openai": "^3.3.0", if it is not there you can install by typing npm install openai@^3.0.0
![Ice On My Teeth - ATEEZ エイティーズ 에이티즈 [Music Bank] | KBS WORLD TV 241115](http://i.ytimg.com/vi/c-n92OgbbwA/mqdefault.jpg)
Super helpful tutorial! Just a couple of points:
- At 1:19:14, don't pass in an array of objects as a dependency to the useEffect hook. It could trigger an infinite loop. Only use primitive/static values, like "messages.length".
- At 1:20:30 Instead of creating a new function just for the Enter key, make the input element part of a element so that pressing Enter will trigger a form submission.
The UI looks incredible. Never seen anyone creating Chatgpt as easy as you made it. I'm gonna try this today ❤ Thank you greatstack
yes please create your own version of ChatGPT in React
abinav can u plz share the source code
What I think the only missing part here is the authentication part
@@GreatStackDev
@@shiraztariq2789still want code or not ?
Send me your project repo
Please do create more ReactJS projects, your projects are way simpler to understand. Got to learn lots of concepts through projects. Appreciate your work :)
Thanks Raviraj, Glad you liked this React Project tutorial to build ChatGPT clone.
Did check this portfolio website project in React: ruclips.net/video/4ag1LsgIUc0/видео.html
Send me your project repo
How do you format the content in a suitable form? For example, if the content contains code snippets or bullet points, then the tag should be used, so how to do this?
Excellent UI. The source code would've really helped us figure out our errors.
Please help ,I am getting a error in console window after writing the api code ,I have follow the same code as you have written but getting error in Console that require is not defined,and the web page become blank .
Thanks GreatStack for this amazing project .This is a best project. I learned something new while creating it everything was explained very nicely and it's completely begineer friendly I recommend others to try this out.
Glad you like it!
Can you help me plz in this i gotting errors
Send me this project repo
what extension are you used in this project? Can you please share this.
can we have the repo with the complete code ?
He said that it was in a community post, but only channel members of GreatStack (Easy Tutorials) can view it.
Need React long Course ❤❤
sure but It will take time, currently working on JavaScript course
Thanks for the Tutorial ! Is it possible to uplaod documents with the Chatgpt APi or is it an CHATGPT Plus exclusive ?
What extension are you using? Please let me know, I'd like to use it too
An extension that shortens writing code so that what we want to write appears directly, pls tell me GreatStack 🙌🙌🙌
Vscode inbuilt Extension Emmet @@MuhammadIlham-nl4du
Great channel you have my friend! thank you for all the content, too good to be true.
@GreatStack I have encountered an error, it says that Request failed with status code 401, what should I do?
401 error comes when your credentials are not completed, i.e your profile for the api is not complete, You need to pay $0 from your card on the official website, then the api will allow you to use the feature....
Check from 55:00
Don't worry, no money will be deducted automatically, says OpenAI 😊
@@anuraganand6480 hey is this similar to 400 error too?
We want full react course😀
When i implement the openai configurations it show me following error
"Configuration is not a constructor"
Close visual studio.
Open your node_modules folder.
Delete openai folder
Open your terminal in your project folder
Run the command "npm install openai@^3.0.0"
Restart local instance by typing "npm start" in terminal
Request failed with status code 400 this is new error after your process
@@jamesp5343
Thank you, 🎈can you make more basic react videos similar to this?
We need full react course plechhh🤗
sure but It will take time, currently working on JavaScript course
Good to hear this , thank you so muchhh😊
hello sir , sir maine chatgpt ka clone bana hai but isme bahut sari problem face karna par raha hai related to the openai sir how could i solve this
Sir? Can you pls provide the Github repo here?
if you get the github link plz let me know
it showing Configuration is not a constructor ? why ?
same here.. Is it is solve or not
Thank you for providing this ChatGPT clone using react but while I am trying this code the output on the browser is not displaying for me and it is showing that an error like Configuration is not a constructor. In actual there is no error in terminal and it is showing that webpack compiled successfully. Could you please help me to solve this issue.
Do anyone know about this? please help me to find it out .
Close visual studio.
Open your node_modules folder.
Delete openai folder
Open your terminal in your project folder
Run the command "npm install openai@^3.0.0"
Restart local instance by typing "npm start" in terminal
@jayalakshmiballajaya
tq i will try in that way@@jamesp5343
i have done what you have told but it is showing still the same error@@jamesp5343
why is my app.css not compiling from 19:14 ? the tags are correct and app.css is imported in app.js but css still not applying on the project... kindly help
same issue!!
Sir npm install openai@^3.0.0 is also not working
I think it would be great if we can make that response text to speech 🤔
yes you can make that by using window. speechSynthesis, you can get idea from this text to speech tutorial: ruclips.net/video/3oDNqHZ7UKY/видео.html
@@GreatStackDev thanks sir 👍
Bro, source code share kar do please... if you have no problem...
@@standwithindia397 Bro did you get the source code?
@@prabhugantayat6562 nahi bro
Can you make a realtime chat app? Let's take the challenge 💪
Can you add how to format response like ChatGPT in this video ?
pls post a react full course
sure but It will take time, currently working on JavaScript course
Please am getting error “require is not defined in ES module scope”
Bro You are the best 💖💖
😢😢 completed up to 1:14:52
Suddenly browser not showing the output
same pls help me on this
Your video is very good and it would be great if you add the editing feature of gpt chat
Great tutorial, thank you!
Sir when i enter the consol.log(res); the web page is not visible. 1:05:52 so please tell me sir what should i do
Yes bro you are right require is not defined error show kr rha mere me
if any one fix the bug please provide us with the solution
@@anmolsingh6567
from package json remove "type": "module",
or
you can try to remove the require function and use the import syntax
Did u get this error?
Uncaught TypeError: Configuration is not a constructor
@@ghostlegend_ yes
if you are getting an error change "text-davinci-003" to "gpt-3.5-turbo-instruct"
.Great video!
PD: ALT + Z please ;)
can i do this for major project? is this that advanecd?
One error is not resolving even after installing openai 3.3.0 it shows ERROR
Request failed with status code 400 please help
I have the same error
i also have these error,can anyone resolve this issue?
Hey did you det any solution of this problem
I am facing it too
@@wildrubis9496please
Buddy source code kha se milega repo ki link dedo kuch check krna hai
Can you please give me the source code 🥺
Hello GreatStack !!! What an amazing and an easy tutorial to create ChatGpt !!! Thank you so much fo this but i am facing an issue..i am getting this error:- Request failed with status code 401...Any ideas how to resolve this ?? IT would be appreciated and Thank you again !!!!
Have you find the solution for this?
@@vibhanshusingh1718 Nope, i couldn't find it
What extension do you use for auto completion of tags with autofill.
after openai.js
this runtime error shows - (TypeError: Configuration is not a constructor)
can anyone solve this
even i am also facing the same error right now
Me too facing same pb,do you got the solution
Me too
Actually chatgpt api is premium(paid) now,it doesn't free,that's why it shows error
Hope all of you understand now
I am facing the same problem before then I recreate the project and at the time of installing open ai I just installed openai version 3.3.0
Can you make a chatbot tutorial, where u have choice between options
Thank you ❤ , this is the simplest yet amazing way of creating chatGpt clone . I'm gonna try it 😉
can u plz share the source code
@@shiraztariq2789haven't tried yet.
Hello bro please share source code
@@shiraztariq2789bro did you get the source code?
The code is not at all working now because model name is not working and also some errors with 429 and 404 and also the openai.js is not taking code itself. and openai refusing request and telling too many attempts and not properly explained how can we the api from open ai and api key not at all working
Can we use cookies of already logged in chatgpt?
Please front end development fulll course Html css and JavaScript please please sir❤❤
1. HTML CSS Full Course: ruclips.net/video/GAZVvpjxYQY/видео.html
2. JavaScript Course: ruclips.net/video/CBWnBi-awSA/видео.html&pp=iAQB
3. HTML CSS JS Projects: ruclips.net/video/CpgNVyUxUV0/видео.html
hey i facing error while developing this also i tried to resolve all errror but console show too many request how can i reactify it can you help me ?
Do you have a git repo for the project ?
Thank you very much!
But this subscription is not free please can you tell free trial method
hola, cree tu proyecto, me salta un unico error al momento de hacer peticion a la API
I like your previous voice
Hi, can you please provide the source code?
Do you have source code for this project also ?
TypeError: (0 , _openai__WEBPACK_IMPORTED_MODULE_10__.sendMsgToOpenAI) is not a function ....what is this error?
how can slove it?
Is there any IEEE paper for this project
Need full course for react js
Awesome Tutorial I learned a lot from this video and the good thing about some points I don't understand so personally guide me very well how to use Api
Can you help me i gotting some errors in this
@@dharmikjain5288 Same here !! I am also getting errors...have you encountered this one:- Request failed with status code 401
can you share openai.js file source code?
the configuration error occurs during run time
I have joined the channel but I dont see the source code for this tutorial. where I can find the source?
Hi Ankush, We will post the code link by today evening.
here it is: ruclips.net/user/postUgkxoZfd5WBH5uZQeHjVUp_0G8BNTKFNjkv0
I didn't see the source code. Can you help it out? @@GreatStackDev
please what's called the theem that u use in this vedio
I also request in future also guide this if this same project we have to live link so what's the process do we have to follow and make a link with firebase because in firebase we have a option to free live link .
Can you help me i gotting some errors in this
i also got the error if you solved it. Then it would be great if u share how did you do that cuz i cant find any solutions :(
@@creaxionx8540 bro that api is paid now
Great Project !!! BUT FREE OPEN API WILL NOT WORK GUYS , its paid services now , so whosever is not able to generate response , is because of No response from API !!!
Hmm 😢 but is there any other options are available?
@@jerryhacker8569 you can try using unofficial hugging chat api
Thought of using this project for my sem 8, but im out of luck !😭
You can use free Google Gemini api
Thanks bro
How to handle the response if it is streamed..
My problem - 😢 Require is not defined
It give me this error "openai.js:2 Uncaught TypeError: Configuration is not a constructor"
check your package.json file
it should contains
"openai": "^3.3.0",
if it is not there you can install by typing
npm install openai@^3.0.0
Not working sir
Close visual studio.
Open your node_modules folder.
Delete openai folder
Open your terminal in your project folder
Run the command "npm install openai@^3.0.0"
Restart local instance by typing "npm start" in terminal
Hello sir , this project making but some create a problem not show the output and configuration is openai.js:5 not a constructor please fastly reply solve with problem
check your package.json file
it should contains
"openai": "^3.3.0",
if it is not there you can install by typing
npm install openai@^3.0.0
i also have a same issue @GreatStack
kindly plz resolve this error
@@shiraztariq2789 u got answer? I am facing same issue
this method has been deprecated. can you tell us how to implement gpt 3.5?
Hey can you share the github repo for the project?
is it censored like chat gpt?
sir, can we add this to a 24*7 website
pls tell
Is OpenAI API free sir?
Sir npm i openai is not installing
try
npm install openai@^3.0.0
@@GreatStackDev sir it's not working
i have while configuration of api? plz help me clr the error?
API key is not free
it is asking to pay min 5$
project making but some create a problem not show the output and configuration is openai.js:5 not a constructor please fastly reply solve with problem
Same problem did you got the solution
since chatgpt is not available in my location which other ai api key can I use?
maybe falcon on hugging face, or just use a vpn
I need complete source code. Link?
Is open ai API still working??
Yes it works
@@GreatStackDevit is not taking visa debit card details and show "your card declined".
Please help me I am stuck here.
the error is shown is 'Configuration is not a constructor' in OpenAi.js file on line no.2! How to resolve it sir..
he answered that: check your package.json file
it should contains
"openai": "^3.3.0",
if it is not there you can install by typing
npm install openai@^3.0.0
@GreatStack sir how to solve this error Request failed with status code 429
Same problem
i have a error :"Configuration is not a constructor...", please help me
For this install gpt version 3.3.0 by using "npm install openai@3.3.0"
Love it sir ❤❤
We need React course
sure but It will take time, currently working on JavaScript course
pls pls pls make react+ spring boot project
I am getting error refused to set unsafe header "user agent" can anyone help me with this
getting require is not defined error
Source code available sir ?
Do reactjs small projects 30 like you done on JS
Can it impact on resume or i want some add on projects.
yes. you can add
Mere project me jb hello likh kr send kroo toh user ki img 40-45 baar print ho rhi hai fir uske baad mera massage likh kr aarha hai map function me kuch error hai kisi ko koi idea hai ki kya kiya ja skta hai
@GreatStackDev plz help buddy
it is showing Type Error : Configuration is not a constructor how to rectify that error
he answered that: check your package.json file
it should contains
"openai": "^3.3.0",
if it is not there you can install by typing
npm install openai@^3.0.0
Npx create-react-app clone not working it shows npx is not recognize command
make by typing npm create -react-app
please provide react full course
getting status code 429 error
Same error
Thanks man
Glad you liked this tutorial to make ChatGPT clone project in React
openai.js:1 Uncaught ReferenceError: require is not defined
at openai.js:1:38 "Sir please tell me what I do to fix this error"
use import/export rather than require.
@@PrajjvalMishra-x1y How
can u pleser share code
getting some error
Hi,
Even with the same settings and everything, I am getting a scrollbar in the main chat area. Please help
i also got the same error
Hi @jinssean7606
::-webkit-scrollbar {
display: none;
}
Add this to your App.css file
thanks Marryam, your comment will help others
@marryam can u plz provide the source code