Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build a ChatBot with Nuxt, TypeScript and the OpenAI Assistants API
Introduction
Project Demo (1:52)
FAQ
Resources
Exercise: Meet Your Classmates and Instructor
Set Your Learning Streak Goal
Let's Build!
Starting a Nuxt Project (8:03)
Adding the Template (3:49)
Installing Nuxt Modules (6:11)
Auto Imported Components (6:03)
State Management (11:17)
State Composables (3:26)
Form Validation (6:56)
Submitting Chat Messages (6:21)
Storing Messages With Interfaces (14:35)
Displaying Chat Messages (6:08)
Processing Markdown (7:21)
Creating an AI Assistant (8:48)
OpenAI SDK (5:10)
Initializing a Run (6:09)
Adding Additional Instructions (6:28)
Retrieving Messages (10:12)
The useFetch Function (6:03)
Waiting for Pending Requests (7:46)
Adding New Messages to the Assistant (6:30)
Updating the Chat Log (7:49)
Finishing Touches (13:43)
Where To Go From Here?
Review This Project!
Project Demo