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

With an elegant user interface that resembles the ChatGPT app, communication with advanced GPT3 model API, and most importantly, the ability to ask the AI for help regarding JavaScript, React, or any other programming language, giving it code and translating it to another programming language, and much more, this CodeGPT is the best AI-based web application that you can currently find on KZread.
⭐JS Mastery Pro - jsmastery.pro/youtube
📚 Materials/References:
GitHub Code (give it a star ⭐) - github.com/adrianhajdin/proje...
Assets - drive.google.com/file/d/1Rhtf...
Styles - gist.github.com/adrianhajdin/...
If you're experiencing 401, 429, or similar issues, here are some potential solutions:
- Proper API key from OpenAI: It's possible that you are not using a valid API key from OpenAI. You can get an API key by visiting beta.openai.com/account/api-keys.
- Free credits offered by OpenAI: If you are using the free credits offered by OpenAI to use their models, you can check your usage at beta.openai.com/account/usage. If you have used up your free credits, you can check the pricing and upgrade your account at openai.com/api/pricing/.
- Proper server deployment: Make sure you use the deployed link from Render at render.com/. If you are unsure how to deploy the project, follow the steps mentioned in the video.
- After successfully deploying the link, make sure to paste the link in the script file of the client and push it to GitHub. This will allow Vercel to detect and deploy the application properly. Also, please note that the server link used in the Codex repository shared on GitHub has used all of its credits, so it will throw a 429 error and will not work. You will need to use your own server link by deploying it on Render or using another hosting service.
🐛Got stuck? Get your bugs resolved immediately - / discord
🐦 Follow us on Twitter: / jsmasterypro
🖼️ Follow us on Instagram: / javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 Intro
00:02:29 Demo
00:04:54 Setup
00:11:26 ChatGPT Frontend
00:25:58 OpenAI Server
00:39:05 Connecting client and server
00:50:57 Deployment

Пікірлер: 1 600

  • @harsh-alashi
    @harsh-alashi Жыл бұрын

    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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Amazing, enjoy!

  • @moh_idreesmohammadi9118
    @moh_idreesmohammadi9118 Жыл бұрын

    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!

  • @JohnAtkinson-ww8qe

    @JohnAtkinson-ww8qe

    Жыл бұрын

    how did it turn out? It works?

  • @TyrellGee

    @TyrellGee

    Жыл бұрын

    i keep getting error 401 not sure why is yours working ?

  • @mrbabobsa

    @mrbabobsa

    Жыл бұрын

    @@Bitches_Love_Me Did you get an answer? Im getting the same!

  • @lostfromtheworld5448

    @lostfromtheworld5448

    Жыл бұрын

    @@Bitches_Love_Me

  • @lostfromtheworld5448

    @lostfromtheworld5448

    Жыл бұрын

    it 's does not work, always error😇😇

  • @Xeroform
    @Xeroform Жыл бұрын

    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. 🔥

  • @infinity_cape
    @infinity_cape Жыл бұрын

    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.

  • @mikhail5002
    @mikhail5002 Жыл бұрын

    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!

  • @gregcharles92

    @gregcharles92

    Жыл бұрын

    My solution was to this application behind a service like webflow, or Editor X, or even some of the supabase build templates that has user login functionality

  • @denniszenanywhere

    @denniszenanywhere

    Жыл бұрын

    @@gregcharles92 I’m curious to know how to do this on webflow. How?

  • @yonathanrodriguez4050

    @yonathanrodriguez4050

    Жыл бұрын

    @@gregcharles92 show us how you did it lol

  • @FahadKiani1

    @FahadKiani1

    Жыл бұрын

    +1

  • @javakodingdotcom
    @javakodingdotcom Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thanks and welcome

  • @meheraabarvy4134
    @meheraabarvy4134 Жыл бұрын

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

  • @a-factoracademy
    @a-factoracademy Жыл бұрын

    Wow, this is no doubt the best channel on KZread 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 🙏🏾👍🏾👍🏾

  • @Andrew-Tsegaye
    @Andrew-Tsegaye Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    My pleasure 😊

  • @hashinthaubhayandika9290
    @hashinthaubhayandika9290 Жыл бұрын

    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 ❤️😍

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You're welcome 😊

  • @dialloibrahima292
    @dialloibrahima292 Жыл бұрын

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

  • @avinashlakhiani
    @avinashlakhiani Жыл бұрын

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

  • @codecafebyak
    @codecafebyak Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Good luck!

  • @k415hu7
    @k415hu7 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you! 😊

  • @LC-lh2zy

    @LC-lh2zy

    Жыл бұрын

    Road to success

  • @JohnAtkinson-ww8qe

    @JohnAtkinson-ww8qe

    Жыл бұрын

    You made one?

  • @ZainUlabideen-fb8zm

    @ZainUlabideen-fb8zm

    Жыл бұрын

    oOoOO so sad🥺🥺🥺🥺😒😥😢😥😀😀😀😀

  • @AzadVocals

    @AzadVocals

    Жыл бұрын

    @@ZainUlabideen-fb8zm really so much embarasing api.how it will works sir im not able to fetch the api??

  • @nickstaresinic9933
    @nickstaresinic9933 Жыл бұрын

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

  • @Matt.Gillard
    @Matt.Gillard Жыл бұрын

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

  • @AadarshRajCAPAD
    @AadarshRajCAPAD Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    More to come!

  • @mafiasalesman

    @mafiasalesman

    Жыл бұрын

    @@javascriptmastery I feel inspired by you to go back to programming.

  • @1krystyan
    @1krystyan Жыл бұрын

    ============ 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",

  • @asonofyah4341
    @asonofyah4341 Жыл бұрын

    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!

  • @gregcharles92
    @gregcharles92 Жыл бұрын

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

  • @williamlawrence1044
    @williamlawrence1044 Жыл бұрын

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

  • @allan.adimoolah

    @allan.adimoolah

    Жыл бұрын

    Did you get it to run live and make requests after the vercel and render configurations?

  • @HimanshuKumar-hp1vj

    @HimanshuKumar-hp1vj

    8 ай бұрын

    i got error when deployed@@allan.adimoolah

  • @gammaburst3755
    @gammaburst3755 Жыл бұрын

    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?

  • @AaronHulse1956
    @AaronHulse1956 Жыл бұрын

    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!

  • @RamonChiNangWong078
    @RamonChiNangWong078 Жыл бұрын

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

  • @wujekbizon1
    @wujekbizon1 Жыл бұрын

    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.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thanks! Will do!

  • @derekprieur5258
    @derekprieur5258 Жыл бұрын

    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 👍

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you! 😊

  • @allowmeasme

    @allowmeasme

    Жыл бұрын

    Me too

  • @MostlyPeacefulNinja
    @MostlyPeacefulNinja Жыл бұрын

    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!

  • @philq01
    @philq01 Жыл бұрын

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

  • @mindbodyps
    @mindbodyps Жыл бұрын

    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.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @invictuz4803

    @invictuz4803

    Жыл бұрын

    Seriously? What is the application you used on top of ChatGPT to get AI generated code for animations?

  • @maskman4821

    @maskman4821

    Жыл бұрын

    I am looking forward to the coming of GPT4, I wonder how good could it be? 🤔

  • @mindbodyps

    @mindbodyps

    Жыл бұрын

    @@invictuz4803 I command ChatGPT that, "Use react functional component and gsap, when user scroll pin an image and on scroll zoom in to the other page. Other ThreeJs one is, I told to make interactive rotating earth planet. Some basic layout and advance CSS

  • @invictuz4803

    @invictuz4803

    Жыл бұрын

    @@mindbodyps That sounds so sick! Do you have it hosted so I can see?

  • @AdrianTwarog
    @AdrianTwarog Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Your ChatGPT videos are phenomenal, Adrian!

  • @harpit5905

    @harpit5905

    Жыл бұрын

    I am sure that both the videos are great. One is for the non developers..While the other is for developers. Interestingly, JSMastery video surfaced after I searched 'ChatGPT Clone'.

  • @Deekshisaisrini

    @Deekshisaisrini

    Жыл бұрын

    I don't want your video. I want my money

  • @Deekshisaisrini

    @Deekshisaisrini

    Жыл бұрын

    @@javascriptmastery I want my money back...

  • @philcui9268
    @philcui9268 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You got it!

  • @philcui9268

    @philcui9268

    Жыл бұрын

    @@javascriptmastery Please let me know the video tutorial url once you complete it. Thank you very much!

  • @philcui9268

    @philcui9268

    Жыл бұрын

    BTW, why do we have both render and vercel for deploying the app? i mean, can either of them complete the deployment? What's the advantages of combining the two?

  • @suryansh70
    @suryansh70 Жыл бұрын

    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

  • @AaronHulse1956
    @AaronHulse1956 Жыл бұрын

    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.

  • @programmer545
    @programmer545 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @dean4763
    @dean4763 Жыл бұрын

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

  • @x0xlegendoflinkx0x
    @x0xlegendoflinkx0x Жыл бұрын

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

  • @icecube9430
    @icecube9430 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Always! :)

  • @betteryou6416
    @betteryou6416 Жыл бұрын

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

  • @johnmason4264
    @johnmason4264 Жыл бұрын

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

  • @kcollier1963
    @kcollier1963 Жыл бұрын

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

  • @WonderRob
    @WonderRob Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    More to come!

  • @WonderRob

    @WonderRob

    Жыл бұрын

    @@javascriptmastery May I suggest Stable Diffusion prompting example?

  • @tanw89
    @tanw89 Жыл бұрын

    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 :)

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Great idea!

  • @Deekshisaisrini

    @Deekshisaisrini

    Жыл бұрын

    @@javascriptmastery I want my money..please send immediately. I have shared the account number

  • @rogue2557
    @rogue2557 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @pkmkb784

    @pkmkb784

    Жыл бұрын

    bro how you deployed it when i deploy it it shows 401 please do reply me

  • @iarhirhs6912
    @iarhirhs6912 Жыл бұрын

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

  • @MrHaloshot
    @MrHaloshot Жыл бұрын

    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 .

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @RichardTumaneng
    @RichardTumaneng Жыл бұрын

    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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Glad you enjoy it!

  • @housefull2432

    @housefull2432

    Жыл бұрын

    @@javascriptmastery can u make it as also can u train him to make apps android like social media app by him self and create ui for the app by him self

  • @RushMyEx

    @RushMyEx

    Жыл бұрын

    Hey I want to create a chatbot, but with your system I can´t use a "stop" command, and without a stop command for my Chatbot: Customer: he is not able to understand my prompt

  • @katastropee871
    @katastropee871 Жыл бұрын

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

  • @videfx8257
    @videfx8257 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Very soon!

  • @mercyfaithnyamburakariuki6112
    @mercyfaithnyamburakariuki6112 Жыл бұрын

    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.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @nizamuddinsyed

    @nizamuddinsyed

    Жыл бұрын

    ​@@javascriptmastery source code please

  • @chinospur_
    @chinospur_ Жыл бұрын

    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.☺️❤️

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You rock!

  • @0xM2r
    @0xM2r10 ай бұрын

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

  • @imtiazshawn167
    @imtiazshawn167 Жыл бұрын

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

  • @streakmaker69
    @streakmaker69 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thanks for the idea!

  • @BeRaikwal
    @BeRaikwal Жыл бұрын

    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 😭😭😭✨✨✨✨

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you so much! ❤️ ❤️

  • @trollproductionz8575
    @trollproductionz8575 Жыл бұрын

    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!

  • @OnChainEpic
    @OnChainEpic Жыл бұрын

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

  • @yungxix6343
    @yungxix6343 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @smartmoneyprofit

    @smartmoneyprofit

    Жыл бұрын

    @@javascriptmastery hey I need help, my chatbot said null what is happening?

  • @josgraha
    @josgraha Жыл бұрын

    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.

  • @Paul-mf7zx

    @Paul-mf7zx

    Жыл бұрын

    yes, VanillaJS is a much better idea for beginners

  • @permacultureecuador2925

    @permacultureecuador2925

    Жыл бұрын

    wtf?

  • @CeedMedia

    @CeedMedia

    Жыл бұрын

    @@permacultureecuador2925

  • @permacultureecuador2925

    @permacultureecuador2925

    Жыл бұрын

    @@CeedMedia wut?

  • @hugoribaud7436
    @hugoribaud7436 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @Duke49th
    @Duke49th Жыл бұрын

    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 :)

  • @yamisukehiro6706
    @yamisukehiro6706 Жыл бұрын

    Thanks for this quality content 🤩

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you for watching!

  • @Andrew-Tsegaye
    @Andrew-Tsegaye Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you

  • @servicekingbd

    @servicekingbd

    Жыл бұрын

    I'm stronger day by day.Thanks for promoting me. Stay with chatGPT official channel.

  • @imshajib

    @imshajib

    Жыл бұрын

    @chatGPT official do you know. How can I deploy this project on my website, not free/ 3rd party website.

  • @timmygilbert4102

    @timmygilbert4102

    Жыл бұрын

    Still hasn't reach 20k like

  • @Andrew-Tsegaye

    @Andrew-Tsegaye

    Жыл бұрын

    @@timmygilbert4102 of course it hasn't, but you'll see it soon! 😉

  • @Oure2011
    @Oure2011 Жыл бұрын

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

  • @juniorMr
    @juniorMr11 ай бұрын

    Man ,you introduction is amazing

  • @amitabhkumar7671
    @amitabhkumar7671 Жыл бұрын

    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. 😅

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Exactly!

  • @Hyperwizard29

    @Hyperwizard29

    Жыл бұрын

    what is your age?

  • @ogredev

    @ogredev

    Жыл бұрын

    Yeah unless someone has a strong understanding of the fundamentals of development, I don't see how someone could give the proper prompts to chatgpt.

  • @Deekshisaisrini

    @Deekshisaisrini

    Жыл бұрын

    Send my money

  • @the_stray_cat

    @the_stray_cat

    Жыл бұрын

    depends on the "you" after all alot of people already lost their jobs because of AI.

  • @mohsensafi7778
    @mohsensafi7778 Жыл бұрын

    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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!@

  • @gerrard7359
    @gerrard73598 ай бұрын

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

  • @felixogero2354
    @felixogero2354 Жыл бұрын

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

  • @MajjinBuu
    @MajjinBuu Жыл бұрын

    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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Great suggestion!

  • @HassanAli-xr2pj
    @HassanAli-xr2pj Жыл бұрын

    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😊

  • @vaniad555

    @vaniad555

    Жыл бұрын

    My thoughts exactly, Nextjs13 and TS.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    I'll do that more! :)

  • @programmerslife01
    @programmerslife01 Жыл бұрын

    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. 🙏😍💗💗

  • @kelvinmburu2698
    @kelvinmburu2698 Жыл бұрын

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

  • @usomine_af

    @usomine_af

    Жыл бұрын

    For help Teleqram me 👆...

  • @alaaaldeensubora3804
    @alaaaldeensubora3804 Жыл бұрын

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

  • @harsh.jain22

    @harsh.jain22

    Жыл бұрын

    yes please

  • @surajpalsau870
    @surajpalsau870 Жыл бұрын

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

  • @usomine_af

    @usomine_af

    Жыл бұрын

    For help Teleqram me 👆...

  • @pkmkb784

    @pkmkb784

    Жыл бұрын

    not helping me

  • @amuthav2979

    @amuthav2979

    Жыл бұрын

    @@usomine_af i need help

  • @djarma7980

    @djarma7980

    Жыл бұрын

    Why does this problem occur?

  • @TheLightofScience
    @TheLightofScience Жыл бұрын

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

  • @shahneelshaykh6818
    @shahneelshaykh6818 Жыл бұрын

    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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You can do it!

  • @adholaharthur572
    @adholaharthur572 Жыл бұрын

    wow... Just wow

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Appreciate it!

  • @nizamuddinsyed

    @nizamuddinsyed

    Жыл бұрын

    ​@@javascriptmastery sir I want source code

  • @fazilahamed1240
    @fazilahamed1240 Жыл бұрын

    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

  • @lordbarkok3240

    @lordbarkok3240

    11 ай бұрын

    Same error man

  • @yeast2588
    @yeast25889 ай бұрын

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

  • @horrid13
    @horrid13 Жыл бұрын

    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?

  • @YuvrajSingh-qz9ss
    @YuvrajSingh-qz9ss10 ай бұрын

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

  • @pravinragavendran9651
    @pravinragavendran9651 Жыл бұрын

    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?

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Hi there, here are a few possible reasons why you might be experiencing issues, along with some potential solutions: Proper API key from OpenAI: It's possible that you are not using a valid API key from OpenAI. You can get an API key by visiting beta.openai.com/account/api-keys. Free credits offered by OpenAI: If you are using the free credits offered by OpenAI to use their models, you can check your usage at beta.openai.com/account/usage. If you have used up your free credits, you can check the pricing and upgrade your account at openai.com/api/pricing/. Proper server deployment: Make sure that you are using the properly deployed link from Render at render.com/. If you are not sure how to deploy the project, follow the steps mentioned in the video. After successful deployment of the link, make sure to paste the link in the script file of the client and push it to GitHub. This will allow Vercel to detect and deploy the application properly. Also, please note that the server link used in the Codex repository shared on GitHub has used all of its credits, so it will throw a 429 error and will not work. You will need to use your own server link, either by deploying it on Render or using another hosting service. I hope these suggestions help resolve your issue. If you have any further questions, please don't hesitate to ask.

  • @pravinragavendran9651

    @pravinragavendran9651

    Жыл бұрын

    @@javascriptmastery okay, thank you so much for resolving my doubt😃😃👍🙏

  • @sameerakram9367

    @sameerakram9367

    Жыл бұрын

    which localhost you used i m using localhost 3000 but getting 429 status code error

  • @codewithme7136
    @codewithme7136 Жыл бұрын

    It is well with both of the technologies I am comfortable with both of them I mastered js and react with other framework by following your provided roadmap for frontend and now mastering the backend as well.... Big fan sir great motivation from you.... KEEP SMILING😇🙂

  • @usomine_af

    @usomine_af

    Жыл бұрын

    For help Teleqram me 👆..

  • @amirnorozi1085
    @amirnorozi1085 Жыл бұрын

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

  • @adeshsingh406
    @adeshsingh406 Жыл бұрын

    Thank you for such an amazing video that can help me to make my own application where I can use ChatGPT for asking random questions and code. You have been a great source of knowledge and inspiration to me. Thank you for being such an amazing teacher!

  • @stycket

    @stycket

    Жыл бұрын

    This is that

  • @uzomadarlington630
    @uzomadarlington630 Жыл бұрын

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

  • @ahmedmusawir
    @ahmedmusawir Жыл бұрын

    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.

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you for the feedback! :)

  • @mehmetkoyuncuoglu1624
    @mehmetkoyuncuoglu1624 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Wow, thanks!

  • @nocturno7887
    @nocturno7887 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @owusukenneth1392

    @owusukenneth1392

    Жыл бұрын

    @@javascriptmastery pls I rgently need help! i keep encountering an error: POST localhost:5000/ 500 (Internal Server Error) handleSubmit @ script.js:82 (anonymous) @ script.js:112

  • @ranjankumar-nq2cb
    @ranjankumar-nq2cb Жыл бұрын

    Seriously, it was phenomenal. Thank you so much sir! I included this video in my AI project and I was also successful😍😍😍😍😍😍

  • @VortexX-
    @VortexX- Жыл бұрын

    I'm Brazilian, and I've never seen a video as explanatory as this one. Happy birthday

  • @usomine_af

    @usomine_af

    Жыл бұрын

    For help Teleqram me 👆...

  • @goergops9593
    @goergops9593 Жыл бұрын

    awesome tut man, please continue the content with vanilla JS and AI projects

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Will do!

  • @theearthdiva
    @theearthdiva Жыл бұрын

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

  • @Blissiralabs
    @Blissiralabs Жыл бұрын

    Superb tutorial yet again! Massive thanks. Now dreaming of the day when chat.openai GTP-3.5 is available through API!

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Fingers crossed!

  • @mariagrey4945
    @mariagrey4945 Жыл бұрын

    this is incredibly valuable tutorial! I can't express how much I've learnt from it. Interesting fact - the chat bot we built thinks that today's date is August 11, 2020

  • @davidbedard-jf8dd

    @davidbedard-jf8dd

    Жыл бұрын

    any idea how to fix this?

  • @clearmuzik.5462
    @clearmuzik.5462 Жыл бұрын

    thank you vary much man, with the raising demand of chatgp, now i have my own chatgpt on my computer at any time, without needing to log in to any traffic database. thanks alot man.

  • @Englishmusic-qi9fp
    @Englishmusic-qi9fp Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Maybe in the future

  • @naziruadam3950
    @naziruadam3950 Жыл бұрын

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

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Thank you!

  • @nirajanbasnet8655
    @nirajanbasnet8655 Жыл бұрын

    This is great build 🎉 Thanks for the tutorial 😊😊

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    You're so welcome!

  • @nurullo.salaydinov
    @nurullo.salaydinov Жыл бұрын

    Thanks so much for AI that I was looking for a lot of time that I could not find before

  • @javascriptmastery

    @javascriptmastery

    Жыл бұрын

    Perfect!