Craft Your Own ChatGPT Clone with React & OpenAI!

Related Posts
50 Comments

Sir? Can you pls provide the Github repo here?

I have the working code project on my GitHub

openai api is not free?
where do i get it for free

😢😢 completed up to 1:14:52
Suddenly browser not showing the output

poppins is not loading

Your video is very good and it would be great if you add the editing feature of gpt chat

since chatgpt is not available in my location which other ai api key can I use?

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 !!!!

is some one there who made this project…is it working correctly?

is it censored like chat gpt?

ask it to tell a joke about women

Thank you very much!

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.

What extension do you use for auto completion of tags with autofill.

getting status code 429 error

const { Configuration, OpenAIApi } = require("openai");

const configuration = new Configuration({

apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",

});

I wrote the code very correctly but still i am getting this error can someone please help with me this
"Configuration is not a constructor"

Great tutorial, thank you!

The open AI api is free or not?

Please am getting error “require is not defined in ES module scope”

Hi, can you please provide the source code?

Excellent UI. The source code would've really helped us figure out our errors.

Who so ever getting configuration error can try this: it worked for me

// openai.js

import axios from 'axios';

const API_URL = 'url'; // Replace this with the actual API endpoint

const sendMsgToOpenAI = async (message) => {
try {
const response = await axios.post(
API_URL,
{
model: ‘gpt-3.5-turbo-instruct’,
prompt: text,
max_tokens: 100,
top_p:1,
presence_penalty:0
},
{
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer YOUR_OPENAI_API_KEY`, // Replace with your actual OpenAI API key
},
}
);

// Extract and return the generated text from the OpenAI response
return response.data.choices[0].text.trim();
} catch (error) {
console.error('Error calling OpenAI API:', error);
throw error;
}
};

export { sendMsgToOpenAI };

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 !!!

Openai.js file not working while importing complete ui becoming blank

Can we use cookies of already logged in chatgpt?

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

after openai.js
this runtime error shows – (TypeError: Configuration is not a constructor)
can anyone solve this

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"

Buddy source code kha se milega repo ki link dedo kuch check krna hai

.Great video!

PD: ALT + Z please 😉

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

this method has been deprecated. can you tell us how to implement gpt 3.5?

is open ai api free can anyone tell me

Is there any IEEE paper for this project

How do you format the content in a suitable form? For example, if the content contains code snippets or bullet points, then the <li> tag should be used, so how to do this?

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 <form> element so that pressing Enter will trigger a form submission.

Can you make a realtime chat app? Let's take the challenge 💪

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

if you are getting an error change "text-davinci-003" to "gpt-3.5-turbo-instruct"

can u pleser share code
getting some error

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 .

Half of this fucking video is basic setup. Just get to the point man. We want a working demo of some js code to interact.

for who getting error related to Configuration, createCompletion etc. here is a code of apenai.js file: const OpenAI = require('openai');

const openai = new OpenAI({ apiKey: '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', dangerouslyAllowBrowser: true });

export async function sendMsgToOpenAI(message) {

const res = await openai.completions.create({

model: 'gpt-3.5-turbo-instruct',

prompt: message,

temperature: 0.7,

max_tokens: 256,

top_p: 1,

frequency_penalty: 0,

presence_penalty: 0

});

return res.data.choices[0].text;

}

I think you are not real person

you are not real owner of this channel

please what's called the theem that u use in this vedio

Leave a Reply

Your email address will not be published.Required fields are marked *