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

  Рет қаралды 754,579

JavaScript Mastery

JavaScript Mastery

Күн бұрын

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 KZfaq.
⭐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😇😇
@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.
@a-factoracademy
@a-factoracademy Жыл бұрын
Wow, this is no doubt the best channel on KZfaq 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 🙏🏾👍🏾👍🏾
@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 😊
@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
@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!
@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. 🔥
@javakodingdotcom
@javakodingdotcom Жыл бұрын
Wow sir you are always updated with the latest news, great tutorial. Thank you so much 🙏
@javascriptmastery
@javascriptmastery Жыл бұрын
Thanks and welcome
@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 😊
@meheraabarvy4134
@meheraabarvy4134 Жыл бұрын
You provide what we need in time. This is phenomenal. Thanks for your great effort.
@Matt.Gillard
@Matt.Gillard Жыл бұрын
Incredible! Thank you for taking time to do this!!
@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
@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!
@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.
@gregcharles92
@gregcharles92 Жыл бұрын
Awesome between this video and Adrian Tawrog's I was able to push my own iteration. Thanks JS Mastery!
@asyncawai
@asyncawai Жыл бұрын
I will sure do this and test it out , learning something new is always fun thank you for awesome content❤
@javascriptmastery
@javascriptmastery Жыл бұрын
Good luck!
@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?
@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!!!
@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!
@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??
@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
@philq01
@philq01 Жыл бұрын
This is the best tutorial I've seen on using the OpenAI API. Thank You.!
@nickstaresinic9933
@nickstaresinic9933 Жыл бұрын
A very informative, well-organized, and smoothly delivered presentation. Thanks. I learned a lot.
@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.
@programmer545
@programmer545 Жыл бұрын
Amazing one sir ❤ Always up to date channel The thing others are talking about you build it..
@javascriptmastery
@javascriptmastery Жыл бұрын
Thank you!
@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!
@dean4763
@dean4763 Жыл бұрын
Another unique and well-crafted project. Awesome work jsm :)
@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?
@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",
@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
@imtiazshawn167
@imtiazshawn167 Жыл бұрын
This is the best KZfaq channel for web developers for sure.
@icecube9430
@icecube9430 Жыл бұрын
Love the way u keep the debugging part, teaching also how we can effectively solve errors by console logging
@javascriptmastery
@javascriptmastery Жыл бұрын
Always! :)
@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.
@dialloibrahima292
@dialloibrahima292 Жыл бұрын
Can’t really describe how awesome your content are ! I’d love to see more react videos.
@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 :)
@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!
@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
@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!
@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!
@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! ❤️ ❤️
@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.
@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
@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!!!
@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
@gerrard7359
@gerrard7359 8 ай бұрын
great video as always Adrian, it really took me way back when I begun coding 👍
@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😍😍😍😍😍😍
@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?
@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...
@x0xlegendoflinkx0x
@x0xlegendoflinkx0x Жыл бұрын
You’ve made sense of so much knowledge I lacked. Thank you
@Oure2011
@Oure2011 Жыл бұрын
Thanks!!! This is incredible!! New follower from Argentina!
@yamisukehiro6706
@yamisukehiro6706 Жыл бұрын
Thanks for this quality content 🤩
@javascriptmastery
@javascriptmastery Жыл бұрын
Thank you for watching!
@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?
@0xM2r
@0xM2r 10 ай бұрын
I am gonna print this video and frame it on my room. THANK YOU SO MUCH!
@katastropee871
@katastropee871 Жыл бұрын
really love the vanilla JavaScript tutorial cause I get lost whenever I use react. More Vanilla JavaScript content please.
@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
@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?
@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. 🙏😍💗💗
@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!
@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!
@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! 😉
@theearthdiva
@theearthdiva Жыл бұрын
This is the best thing I've ever done! Thank you so much for your help.
@felixogero2354
@felixogero2354 Жыл бұрын
Excellent work JSM I've really learned a lot. Thank you for this nice tutorial.
@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!@
@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?
@someguywithaiUSER
@someguywithaiUSER Жыл бұрын
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!
@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!
@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
@Duke49th
@Duke49th Жыл бұрын
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...
@lootlydeals
@lootlydeals Жыл бұрын
I Love you and Lots of Love From India. We want tutors who taught from Zero to Advance taking everyone as beginners because one skipped step can waste someone's lots of time. I am Pro Developer But Still love the way you teach.
@adholaharthur572
@adholaharthur572 Жыл бұрын
wow... Just wow
@javascriptmastery
@javascriptmastery Жыл бұрын
Appreciate it!
@nizamuddinsyed
@nizamuddinsyed Жыл бұрын
​@@javascriptmastery sir I want source code
@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! :)
@amirnorozi1085
@amirnorozi1085 Жыл бұрын
personally I like React JS but the way that you show me vanilla, I look forward to learn it from you
@juniorMr
@juniorMr Жыл бұрын
Man ,you introduction is amazing
@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?
@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
@hugoribaud7436
@hugoribaud7436 Жыл бұрын
Awesome tutorial as always !!! Keep it up man ! You're a legend 😊❤
@javascriptmastery
@javascriptmastery Жыл бұрын
Thank you!
@TheLightofScience
@TheLightofScience Жыл бұрын
This is really excellent and hard work - thank you very much for your prime content, please keep the good work !
@YuvrajSingh-qz9ss
@YuvrajSingh-qz9ss 10 ай бұрын
OpenAI all the API''s had paid. Anyone have idea to get it free??
@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
@mehmetkoyuncuoglu1624
@mehmetkoyuncuoglu1624 Жыл бұрын
Best Teacher Ever. I learned MERN, WEB3 and Build Own CHATGPT because of you :D
@javascriptmastery
@javascriptmastery Жыл бұрын
Wow, thanks!
@stangurule1017
@stangurule1017 Жыл бұрын
This is insane!! I thought I was getting a grasp on JavaScript... Until now
@kelvinmburu2698
@kelvinmburu2698 Жыл бұрын
This tutorial blew my mind. Its an amazing course. Thank you
@usomine_af
@usomine_af Жыл бұрын
For help Teleqram me 👆...
@iarhirhs6912
@iarhirhs6912 Жыл бұрын
I would love and am interested to see and practice more vanilla JS videos! Thanks a hell lotttt and please!
@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! :)
@uzomadarlington630
@uzomadarlington630 Жыл бұрын
Love the project. I will definitely refer people to your channel.
@yeast2588
@yeast2588 9 ай бұрын
awesome tutorial as always adrian... hoping to join the masterclass soon!
@blackeystudios8518
@blackeystudios8518 Жыл бұрын
Hey you are making difference. This is all we need I mean chatGpt is all over the internet everyone is talking about it but you, you made it more clear what we could be able to do with it
@videfx8257
@videfx8257 Жыл бұрын
Words can't express my gratitude for your efforts Sir! I'm looking forward to the JSM Bootcamp
@javascriptmastery
@javascriptmastery Жыл бұрын
Very soon!
@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
@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?
@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
@codervlogs8646
@codervlogs8646 Жыл бұрын
Thank you for the project @ javascript mastery
@kaai2
@kaai2 Жыл бұрын
Such an amazing well informative video, thank you so much for putting this together.
@bongumenzinzama6896
@bongumenzinzama6896 Жыл бұрын
Don Adrian again with stunning work,thank you bro✌️
@javascriptmastery
@javascriptmastery Жыл бұрын
Thank you!
@carrylunatigaming787
@carrylunatigaming787 Жыл бұрын
Man i didn't even know any of the language like (Js , wtf is vanilla) then also I can understand what r u doing. Best explanation experience I have ever had on KZfaq. And i have a request for you .... Can u upload a full course on "front end developer " it will be a lot of help ❤️
@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
@Bambacoach
@Bambacoach 11 ай бұрын
Simply Congratulations ! This is an amazing course...
Кәріс тіріма өзі ?  | Synyptas 3 | 8 серия
24:47
kak budto
Рет қаралды 1,3 МЛН
原来小女孩在求救#海贼王  #路飞
00:32
路飞与唐舞桐
Рет қаралды 31 МЛН
Barriga de grávida aconchegante? 🤔💡
00:10
Polar em português
Рет қаралды 21 МЛН
How Deep Neural Networks Work - Full Course for Beginners
3:50:57
freeCodeCamp.org
Рет қаралды 3,3 МЛН
Has Generative AI Already Peaked? - Computerphile
12:48
Computerphile
Рет қаралды 147 М.
Let's build GPT: from scratch, in code, spelled out.
1:56:20
Andrej Karpathy
Рет қаралды 4,2 МЛН
How To Build Your Own AI With ChatGPT API
9:51
Web Dev Simplified
Рет қаралды 365 М.
ChatGPT Tutorial - A Crash Course on Chat GPT for Beginners
34:05
Adrian Twarog
Рет қаралды 6 МЛН
Learn HTML5 and CSS3 For Beginners - Crash Course
3:54:03
developedbyed
Рет қаралды 2,5 МЛН
Build Anything With ChatGPT API, Here’s How
12:11
David Ondrej
Рет қаралды 24 М.
Кәріс тіріма өзі ?  | Synyptas 3 | 8 серия
24:47
kak budto
Рет қаралды 1,3 МЛН