Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning
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 YouTube.
⭐JS Mastery Pro – jsmastery.pro/youtube
📚 Materials/References:
GitHub Code (give it a star ⭐) – https://github.com/adrianhajdin/project_openai_codex
Assets – https://drive.google.com/file/d/1RhtfgrDaO7zoHIJgTUOZKYGdzTFJpe7V/view?usp=share_link
Styles – https://gist.github.com/adrianhajdin/2059ca74452a18d1560aac9499f58900
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 https://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 https://beta.openai.com/account/usage. If you have used up your free credits, you can check the pricing and upgrade your account at https://openai.com/api/pricing/.
– Proper server deployment: Make sure you use the deployed link from Render at https://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 – https://discord.com/servers/javascript-mastery-programming-coding-community-710138849350647871
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/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