Build Next.js GUI to chat with Personal Math Tutor assistant🚀: OpenAI Assistants API v1 — OpenAI #3

In today’s tutorial, we are going to build a Next.js graphical user interface so that we can chat with the personal math tutor that we built in the previous tutorial with the OpenAI Assistants API using the Code Interpreter tool.

⭐ Code ⭐
GitHub repository: https://github.com/rokbenko/ai-playgr...
Code for this tutorial: https://github.com/rokbenko/ai-playgr...

🙌 Support 🙌
If you would like to support me, join my Patreon community (   / rokbenko   ) and subscribe to my YouTube channel (    / @rokbenko   ). Don't forget to click the bell 🔔 to get a notification when I release a new video.

👇 Contact 👇
GitHub: https://github.com/rokbenko
StackOverflow: https://stackoverflow.com/users/10347...
LinkedIn:   / rokbenko  

🎞️ Timestamps 🎞️
00:00 – Intro
00:16 – Code for this tutorial
00:30 – Previous tutorial
00:58 – Get chatMATH from my GitHub repository
02:06 – Set up environment variables
02:27 – Assistants API visual explanation
03:13 – Set the OpenAI API key as an environment variable
03:24 – About the assistant ID and thread ID
04:48 – Get the assistant ID and thread ID
05:52 – Set the assistant ID and thread ID as environment variable
06:21 – Code review intro
06:45 – Dialog component
08:10 – Set constants
08:22 – Chat component (part 1)
09:00 – Message component
09:25 – Chat component (part 2)
09:51 – OpenAI API call
10:51 – Run the Next.js app
12:19 – Outro

#OpenAI #AssistantsAPI #CodeInterpreter