← All freeCodeCamp videos

ChatGPT Clone – OpenAI API and React Tutorial

144,326 views 3,782 likes 2023-01-18 1:00:06 Watch on YouTube ↗ freeCodeCamp ↗
Generative AIFrontendChatGPTOpenAI APIReact

Chapters (10)

Show the creator's full description
Learn how to use React and the OpenAI API to create an application like ChatGPT. The application can answer our questions, convert the text into different languages, or even convert JavaScript code to Python. OpenAI API: https://beta.openai.com/ ✏️ Course developed by @CybernaticoByNishant ChatGPT with React: https://github.com/nishant-666/ChatGPT-React OpenAI with React: https://github.com/nishant-666/Dall-E-API-with-React ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (4:01) Importing configuration and api keys ⌨️ (11:27) Creating the input and button ⌨️ (16:09) How to create an image ⌨️ (23:32) Getting the api key from the console ⌨️ (28:48) Setting up the menu items ⌨️ (36:14) Hovering options in the options ⌨️ (41:03) Importing the translated component ⌨️ (48:47) Setting options in a file ⌨️ (53:30) Finishing main function 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.