Create AI Content Generator with Reactjs GPT-3 OpenAI API
#reactjs #openai #ai
Create AI Content Generator with Reactjs GPT-3 OpenAI API
π video stamps ππΎππΎ Use to Jump ahead the video π
Buy me a Beer
https://www.buymeacoffee.com/feyitaje
OPEN-AI API create an account
https://openai.com/api/
React Bootstrap
https://react-bootstrap.github.io/forms/overview/
—————————————————————————————————————
Video Timestamps:
00:06:49 Create an OpenAI Account and get your Free Trial and Credits
00:10:03 Navigate through the OpenAI Playground, test functions, call the API
00:21:42 Create a new React App
00:26:44 Install the required packages for our AI application on ReactJS
00:28:29 Run the React App for the first time
00:30: 19 Building the Navigation Component of our ReactJS App
00:36:16 Creating the Blank Pages for our app
00:40:29 Building the Router and Navigation for the ReactJS App
00:46:29 Building the Card Component
00:55:01 Building the page, forms and colelcting data from the form, making sure the state works etc
01:04:25 Integrate the OpenAI API in to our React Application, make the API call
01:12:58 Final Result of our Content Generator App
—————————————————————————————————————
Previous Videos:
Into in to Web3 and OpenAI API Programming with Python
https://www.youtube.com/watch?v=mBVaf3FnVL8
Create an OpenAI Blog Generator Tool
https://www.youtube.com/watch?v=jZW4W02iRBA
Create an OpenAI GPT3 Tweet Classification Tool
https://www.youtube.com/watch?v=HpSj25hVPeE
—————————————————————————————————————
Social Media Links
Follow our Google News Publication:
https://news.google.com/publications/CAAqBwgKMNGEngsw8o62Aw/sections/CAQqEAgAKgcICjDRhJ4LMPKOtgMw6oLqBg?oc=3&ceid=ZA:en
Medium Publication: https://skolo-online.medium.com/
Follow us on Facebook: https://www.facebook.com/Skolo-Online-Learning-101030254983171
Email me: admin@skolo.online
Follow us on Twitter: https://twitter.com/skolo_online
Follow us on Instagram: https://www.instagram.com/skolo_online/
Learn more on Skolo Online
https://skolo.online
———————————————————————————————————
Get Professionals to Build your Web Application
https://tati.digital
———————————————————————————————————
Video Tags
#ai #artificialintelligence #openaiapi