Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning

absolutely amazing! Would love an extended tutorial about creating a complete webapp with registration, login, payment processing, customer area and all the other things to make a full product! The quality of your tutorials is mind-blowing!

Just completed the JavaScript course provided by you and now this project will act as good way to learn JavaScript in more advance way. Thank You Adrian
I will surely start working on this ASAP

Wow, this is no doubt the best channel on KRplus at the moment for web development especially with the incorporation with JavaScript. You are the best! Thank you thank you for the journey you're taking me. I'm seriously following you up trying to master every line of the code and really it's working 🙏🏾👍🏾👍🏾

Thank You Adrian , for someone who hasn't started out with react yet , this a great Vanilla J.S project.Completed it in one sitting.

By the way, I've told you to build a stunning app using vanilla JS and you made it here. Thanks for accepting my suggestion and building a stupendous app with vanilla JS!🙏🙏

Great video as usual Adrian! I personally prefer React projects but a vanilla JS one once in a while is a good change of pace 👍

I’ve been improving on my own gpt3 and 3.5 turbo models… ported to mobile terminal on my iPhone: It’s so neat having the AI in a window that I can leave on and pick up whenever without having to log back in, no waiting in line from congestion. Using the API is the way to go… and they added images to the completions API I think today or yesterday. 🔥

You provide what we need in time. This is phenomenal. Thanks for your great effort.

Seriously, it was phenomenal. For once in my life I followed the tutorial like watching an action movie and got extremally interested in AI projects. Thank You so much Sir!

Wow sir you are always updated with the latest news, great tutorial. Thank you so much 🙏

Loved the course, very practical and easy to follow. Great hands on experience and I was able to finish it in one sitting.

This is the best tutorial I've seen on using the OpenAI API. Thank You.!

I was looking for this in weeks. Thanks to you I finally found it. I have no enough words to thank you. Great job. keep it up ❤️😍

I don't have words to express for your efforts, you are the best teacher 😭

Dude, you are a legend in the making. I can't even get through all of these. How are you making these so quickly?
I owe you at least a big fat donation. Mark my words!

A very informative, well-organized, and smoothly delivered presentation. Thanks. I learned a lot.

There is only one word to describe this content. AWESOME. Keep up the good work Adrian. I'm working on some really huge project myself and this stuff will be and amazing addition to it. Thank you. Here come 2023, a year of AI.

This is the first tutorial I’ve done from start to finish with no mistakes. Thank you

Usually I don't and can't follow tutorials that are longer then 15 minutes.
But someone you've made this very interesting for me in 1 hour and doing it without other annoying JS frameworks
Thanks you my friend!!!

Incredible! Thank you for taking time to do this!!

I will sure do this and test it out , learning something new is always fun thank you for awesome content❤

We would love to have some more deep dives into react from you, especially how to integrate the backend into our projects and create full stack applications, thanks Adrian..

Can’t really describe how awesome your content are ! I’d love to see more react videos.

Another unique and well-crafted project. Awesome work jsm :)

Absolutely insane that this is available for free. You're amazing man, keep doing these, I'm learning so much by actively doing these projects

============ HOW TO FIX 401 ERROR ============
For everyone struggling with error 401, here is how I fixed it and now it works as expected.
First, to explain why that happens, the way the project was created and made, for some reason the .gitignore file does not ignore .env and modules. This will in turn make your API key visible once it's pushed to GitHub, and the OpenAI has something in place that renews the key whenever it's made public (via pushing to the github repository), so everytime you try to make a request, the error 401 is handed over, meaning the API Authorization failed in this case.
To get around this you must do the following:
1. Access your project files folder and MOVE the .env file out of the folder completely
2. Go into VSCode and make sure the .env file is not anymore part of the project
3. Once you've made sure the .env file is no more, push the current project AND make sure the env file is also removed from your Github Repo by accessing it via browser
4. Now that .env is out of everywhere, you should only have a local copy. Open the local .env file in VSCode and put a renewed API Key from beta.openai.com/account/api-keys
5. Once you've refreshed the key, go to render.com/ -> Dashboard -> open your deployed project -> Environment -> Enter "Secret Files" tab
6. In the Secret Files Tab, enter as the "Filename" ".env" / "Contents" [here you copy all contents of the .env local file exactly as they are wrote in the local copy] for ex "OPENAI_API_KEY ="sk-Sh2akcOFEvelbd5bIReX...T3B"
7. Back in VSCode -> server.js -> modify the following:
dotenv.config({path: '/etc/secrets/.env'})
const configuration = new Configuration ({
organization: "org-K7....wAv",

This is the best KRplus channel for web developers for sure.

Awesome between this video and Adrian Tawrog's I was able to push my own iteration. Thanks JS Mastery!

Amazing one sir ❤
Always up to date channel
The thing others are talking about you build it..

Hi Adrian, this is just a perfect tutorial, explainations are very clear and really enjoyable to follow. I'm interested in learning how to enable the chatbot to remember information from our previous conversations so that our subsequent interactions can be more precise. Can you explain how to implement this in the code?

Great Job! My brain can't work as fast as yours, but thankfully, there are pause and rewind buttons. Much appreciation for your efforts!

Awesome man! I have been trying to do this on my own without much luck for a few weeks! I consider myself blessed to have stumbled upon your video. Much thanks and appreciation!

Anything you put on YT is complete gold. Can you do an Udemy clone next?! With AI reccomendations for courses you may like. That would be fire!!!

My great teacher in Tech! You can never disappoint! If words were enough to appreciate you for your effort towards my learning journey in Tech, I would've written a Wikipedia for you. Keep it up Sir.☺️❤️

Thank you for your efforts, all is well, app worked locally, pushed to Git, published to Render and Vercel with no problems. You are the MAN!

Man ,you introduction is amazing

Love the way u keep the debugging part, teaching also how we can effectively solve errors by console logging

Video we all are waiting from our favourite Javascript channel.
.
I made the whole website for my client using ChatGPT, and some of the animation that I didnt know like GSAP and ThreeJs , it code that too.
It's just Wow for any developer.

thank you Adrian also just completed this project thanks for such a nice tutorial 🤗,you are awesome and btw more projects using vanilla js are appreciated now its time to complete the web3 project

great video as always Adrian, it really took me way back when I begun coding 👍

I'd love to see both (Vanilla applications and Advanced React applications) on different playlists.
I must say, your method of delivering content to your students is top tier.

I'd love to see more Vanilla JS from the channel , awsome work btw, you have such a talent to teach and to build things , i truly apreciate your effort .

awesome tutorial as always adrian... hoping to join the masterclass soon!

Thank you so much for creating this great tutorial! I'm so happy I reached the end of it and deployed it! Congratulations on 500K subs! 🥳

Very nice, thanks! would be nice to see more vanilla JS examples

Great job, but I suggest you do a follow up video on how to avoid the 401 error. The dependencies on OpenAI and Render requiring paid accounts before your great app actually works.

Absolutely Amazing !! Please do more videos like this, and thank you so much for the great content.

Your video was excellent and well presented. In response to the question asked, I would appreciate the opportunity to see both Vanilla applications and more advanced React applications. Thank you for your contributions to the community. Wishing you a happy holiday season. 🙏😍💗💗

Mate you’ve out done yourself! Great video right here!

You always amaze me with your projects ALWAYS!!! I've been a subscriber of yours since you had 100K subs and now look where you reached straight up coding the ChatGPT clone oh my gosh ure fabbbbbb 😭😭😭✨✨✨✨

After I deployed everything online, I had an issue with my key, for some reason. I had to generate a new key. It made me 20 years older because I was already close to tears as I had not idea what is going on. But it worked. Yesss!!! Thanks again :)

Yes, more React app driven by AI demo are more than welcome!
Thank you in advance!

Thanks for this quality content 🤩

i think it is much clearer to use VanillaJS (tm) instead of React as any Vanilla app can easily be converted to React or something more CDN friendly depending on deployment strategy. I loved seeing the React habits creeping in, well done! Also cool your copilot AI attempting to autocomplete code for you but again resisting the temptation. Thank you so much.

Thanks!!! This is incredible!! New follower from Argentina!

You’ve made sense of so much knowledge I lacked. Thank you

wow, Adrian's subscribers are increasing rapidly - the project is magnificent!

Again a fantastic video, well delivered! in respect to the question asked, I would go for more Vanilla Javascript videos as to React. Thank you for all you do for the community....... Compliments of the season to you ❤❤❤❤

Excellent work JSM I've really learned a lot. Thank you for this nice tutorial.

Thanks for the simple to follow tutorial. I found it very intriguing and I might use it on one of my websites that I own!

i would love to see you implement this as React Chat Bot element. Looking forward to it. and Thank you for this awesome tutorial.

Please do a Stable Diffusion + React tutorial! So much potential for learning especially in terms of how to host a private Stable Diffusion API, set up a lambda function, etc :)

This tutorial blew my mind. Its an amazing course. Thank you

Your courses and videos are the best in web!

Amazing Sir, I'd love to see more amazing Vanilla JS projects. I also want to emphasize that, while AI tools are becoming increasingly sophisticated, they cannot replace you. 😅

Thank you Adrian! this was AMAZING, do more AI videos please, I prefer React and NextJS but vanilla JS once in a while is good
again Thank you very very much

Mosh and adrian are my best teachers in my life i had.
When you begin mobile app development

Words can't express my gratitude for your efforts Sir! I'm looking forward to the JSM Bootcamp

Hello Adrian can you also create a tutorial for creating AI art using DALL.E in JS
Great tutorial by the way...love your videos

Thanks for the tutorial! could you please update it to work with the new GPT 3.5 API?

I am gonna print this video and frame it on my room. THANK YOU SO MUCH!

I would love and am interested to see and practice more vanilla JS videos! Thanks a hell lotttt and please!

Use react js for projects instead of vanilla js because we can.use react js in our dapp development more easily as compared to simple vanilla js.. So it is my humble suggestion to carry on.with react and next js..Thanks A lot😊

wow... Just wow

This is the best thing I've ever done! Thank you so much for your help.

Awesome tutorial as always !!! Keep it up man ! You're a legend 😊❤

If you are getting 429 or 500 status errors, then generate another API key from another account.
Say thanks using the like button.

This was an amazing application and I loved it? Hats off for your dedication 🎉🎉. But I am getting 401 error when I type and press enter. This problem occurs after deployment, but in localhost it's working fine. Can you please help me to resolve this error?

Thanks for this one !!! I feel like this is a wonderful project! Can you please make a video teaching all the things you need to know in JavaScript before diving into react?

Best Teacher Ever. I learned MERN, WEB3 and Build Own CHATGPT because of you :D

I'm always getting the 401 error.... i even tried generating new secret key for the API... but still, i'm stuck with the same error

OpenAI all the API''s had paid. Anyone have idea to get it free??

this is probably best channel related to js development

This is really excellent and hard work - thank you very much for your prime content, please keep the good work !

Love the project. I will definitely refer people to your channel.

really love the vanilla JavaScript tutorial cause I get lost whenever I use react. More Vanilla JavaScript content please.

Plz don't waste your extraordinary work on vanilla JS ... there are too many resources on that anyway ... plz give us more React.js, Blockchain (Solidity), JS & AI (OpenAI), Node.js/Express, and of course GraphQL, GraphQL & more GraphQL. Typescript is also a great idea. Plz, remember your best audience is the intermediate devs. There has been no content for us here before you (on JS). I mean something we can use to build a Portfolio with ... this has been my 2 cents. Unlimited thanks and more thanks in advance.

This is my first time watching you and it is impossible not to be amazed. Greate job

this is the best js channel, thanks for the efforts

I really glad to have discovered this channel...❤❤❤

This was amazing, please do more!!! Maybe add a tutorial for a simple app using Dalle as well with prompt and image return

Don Adrian again with stunning work,thank you bro✌️

This is phenomenal!... I'm totally stunned!

You are on another level sir ❤️

Thank you so much for sharing such an informative and useful video on building and deploying a ChatGPT AI app in JavaScript. USER and I will definitely be giving this a try in an upcoming video. Keep up the amazing work, JavaScript Mastery!

This is insane!!
I thought I was getting a grasp on JavaScript... Until now

personally I like React JS but the way that you show me vanilla, I look forward to learn it from you

Edit: Oh wow. I got it. Until the end. And it works. Thank you so much!!!
Old comment:
I just type exactly every bit of code as you do. I have no clue about coding, aside from some very basic HTML+PHP many years ago (and learned that in the same way, following someone with step by step copying what he is typing on the screen).
I'm at Minute 26 and deeply hope you haven't skipped something thinking we all are coder that know what to do 🤣
But I am already grateful for such a good step by step tutorial. Good thing you explain most of what you are typing. If necessary I will just ask the AI what this and that means lol - amazing times coming ahead...

I'm actually quite happy to see vanillajs in your channel. Thank you

Absolutely brilliant! Yesterday i was thinking that what if i develop something like chatgpt with unique idea and today i got your pop up notification