How to Build Your Own Chatbot Like Chat GPT-3

Learn how to build your own chatbot like Chat GPT-3 from scratch in this step-by-step tutorial!

OpenAi documentation: https://platform.openai.com/docs/intr...
Github repository: https://github.com/robinvriens/openai...

Instagram:   / robinvriens  
Github: https://github.com/robinvriens
Twitter:   / robinvriens  

Chapters
0:00 - Introduction
0:11 - Design in Figma
0:39 - Frontend Development Begins
0:47 - Setting up the Project Directory
0:55 - Creating a Next.js App
1:48 - Removing Unnecessary Files
2:15 - Testing Client-Server Connection
2:28 - Installing and Configuring Tailwind CSS
3:16 - Adding a Google Font
4:29 - Building the Chat Component
5:40 - Developing the Header Component
7:42 - Adding a Divider
8:06 - Building the Messages Component
15:22 - Creating the Form Component
21:08 - Displaying a Message for No Messages Sent
21:45 - Backend Development with Node.js
22:09 - Initializing Package.json
22:14 - Installing Dependencies
22:56 - Running the Server Script
23:11 - Importing Packages and Setting up the Server
23:56 - Configuring OpenAI
24:10 - Acquiring the API Key
25:16 - Adding Middleware and Listening on a Port
25:26 - Creating the POST Route
27:48 - Testing the POST Route with Postman
28:20 - Sending POST Requests and Handling Responses
30:20 - Testing the Chatbot
31:04 - Bonus: Enhancing the Chat's Interactivity
33:23 - Conclusion