ChatGPT API just got released! Learn how to integrate the OpenAI ChatGPT API in your own websites and apps. We’ll create a Chat App and create a chat platform like OpenAI has. Be one of the first consumers of the API, and welcome to the future of applications with Artificial Intelligence. This video covers everything that you need to know to use ChatGPT API!
Don’t forget to use the power of Prompt Engineering to get the results you want from the API.
At KeyStrokes, we will cover anything and everything about Computer Science. So make sure you subscribe to learn more! If you have any specific requests, please post them in comments.
1:1’s with KeyStrokes
Fill out this form and get in touch with me!
https://forms.gle/PpkytH1DHVj333Bx9
You can show your support by buying me coffee
https://www.buymeacoffee.com/keystrokes
Or through Patreon
https://patreon.com/KeyStrokes
Code and commands in the video
https://github.com/doingthisalright/chat-app-with-chatgpt-api-integration/
Documentation and Link
– Chat GPT API released: https://openai.com/blog/introducing-chatgpt-and-whisper-apis
– ChatGPT API Docs: https://platform.openai.com/docs/guides/chat
– TikToken: https://github.com/openai/tiktoken
– How to count tokens with TikToken: https://github.com/openai/openai-cookbook/blob/main/examples/How_to_count_tokens_with_tiktoken.ipynb
Follow on Twitter for more tips! https://twitter.com/Key__Strokes
Contact for Business Enquiries:
– https://forms.gle/u79MaojDvstGc77f6
– Email: [email protected]
– Discord: KeyStrokes(Hashtag)0040
Timestamps:
00:00 Introduction
00:22 OpenAI: Introducing ChatGPT and Whisper APIs
00:46 Early consumers: Companies using ChatGPT and Whisper APIs
00:40 What we’ll cover today
01:54 ChatGPT API Overview
02:11 ChatGPT API Overview: API Key
02:22 ChatGPT API Overview: Model
02:37 ChatGPT API Overview: Roles
03:02 ChatGPT API Overview: Messages
04:33 ChatGPT API Overview: Tokens and Costs
05:29 Hands on! ChatGPT API Integration in our Chat app
06:07 ChatGPT API Integration: Setting up the NextJS React project
08:07 ChatGPT API Integration: Building the Chat UI
12:01 ChatGPT API Integration: Wiring the states, types, chatscope, and other React stuff
15:51 ChatGPT API Integration: Mocking the API call
22:31 ChatGPT API Integration: Using the API!
27:14 Playing with ChatGPT API in our Chat app
28:58 Outro/Conclusion
—
Music Credits:
Music Credits
Music from WHATFUNK: https://soundcloud.com/whatfunk/no-smoke
Image Credits
– Subscribe icons created by Freepik – Flaticon: https://www.flaticon.com/free-icons/subscribe
– Youtube icons created by Freepik – Flaticon: https://www.flaticon.com/free-icons/youtube
– Developer icons created by Flat Icons – Flaticon – https://www.flaticon.com/free-icons/developer
—
Disclaimer: All opinions expressed in this video are those of the creator of this video. Using any information provided in this video is at your own risk, and the creator hold no responsibility and cannot be held liable if it causes any loss. Please do your own research and experiment well enough before using any content provided here.
#ChatGPT #OpenAI #AI #ArtificialIntelligence #Coding #Programming #NextJS #Typescript #HTML #CSS
