Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Zero To Mastery

Build a ChatBot with Nuxt, TypeScript and the OpenAI Assistants API

via Zero To Mastery

Overview

This project-based course will teach you to build a chatbot application named "Bruno" and powered by OpenAI’s Assistants API. You'll create a custom, tuned assistant for your product or service, and utilize Nuxt and TypeScript to power communications with the user.
  • Learn how to leverage OpenAI’s Assistants API to create and customize a chatbot for providing customer support, adaptable to any product or service
  • Gain hands-on experience with Nuxt, exploring its capabilities in server-side rendering and integrating TypeScript for added type safety in your development process
  • Develop skills in creating and managing state within Nuxt applications, improving the structure and maintainability of your code
  • Master the art of sending and handling HTTP requests effectively in a full-stack environment, connecting front-end interactions to back-end services
  • Learn to use TailwindCSS for efficient and responsive styling, creating visually appealing interfaces that enhance user experience
  • Complete a polished, interactive chatbot interface that can remember user interactions and be tailored to understand and respond to specific customer inquiries about your products

Syllabus

  •   Introduction
    • Project Demo
    • FAQ
    • Resources
    • Exercise: Meet Your Classmates and Instructor
    • Set Your Learning Streak Goal
  •   Let's Build!
    • Starting a Nuxt Project
    • Adding the Template
    • Installing Nuxt Modules
    • Auto Imported Components
    • State Management
    • State Composables
    • Form Validation
    • Submitting Chat Messages
    • Storing Messages With Interfaces
    • Displaying Chat Messages
    • Processing Markdown
    • Creating an AI Assistant
    • OpenAI SDK
    • Initializing a Run
    • Adding Additional Instructions
    • Retrieving Messages
    • The useFetch Function
    • Waiting for Pending Requests
    • Adding New Messages to the Assistant
    • Updating the Chat Log
    • Finishing Touches
  •   Where To Go From Here?
    • Review This Project!

Taught by

Luis Ramirez Jr

Reviews

Start your review of Build a ChatBot with Nuxt, TypeScript and the OpenAI Assistants API

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.