AI Chat Bot with Vue.js and GPT-4

1h 46m 30s
English
Paid

Course description

AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-3.5 Turbo and GPT-4), adopting it in your applications is as easy as a REST request. Learn how to interact with this powerful API in the context of a Vue 3 application by building:

  • A Vue.js powered ChatGPT clone
  • A trained Custom Support Chat Bot
  • An app that automatically generates Social Media Posts when given an article URL

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 17 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online AI Chat Bot with Vue.js and GPT-4

0:00
/
#1: Intro to Open AI and GPT-3 & 4

All Course Lessons (17)

#Lesson TitleDurationAccess
1
Intro to Open AI and GPT-3 & 4 Demo
05:18
2
Create Your Open AI Account
03:16
3
Your First Request to OpenAI API
09:07
4
Explore the Project Boilerplate
08:45
5
Secure Your Token with a Nuxt API Endpoint
06:18
6
Accept Messages in the AI Endpoint
02:50
7
Build Your Own Vue.js Powered ChatGPT
08:15
8
Give Your ChatBot the Context of the Full Conversation
06:36
9
Train The Bot as a Customer Support Assistant
06:43
10
Train The Bot as a Customer Support Assistant (Part 2)
03:20
11
Use Markdown and Placeholders in Training Messages
04:19
12
Explore More Creative Possibilities
06:39
13
Train the Bots for Facebook and Twitter
08:13
14
Twitter and Facebook Cards + the useChatAi Composable
10:57
15
Hookup the App UI to the AI Endpoint
08:41
16
Make Posting a Click Away
05:42
17
Course Conclusion
01:31

Unlock unlimited learning

Get instant access to all 16 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

A “Wordle” on Test Driven Development in Vue.js

A “Wordle” on Test Driven Development in Vue.js

Sources: vueschool.io
In this hands-on course, you will learn to write applications using Test-Driven Development (TDD) by building a clone of the Wordle game from scratch. This cour
2 hours 48 minutes 45 seconds
Mastering Nuxt, 2025 Edition

Mastering Nuxt, 2025 Edition

Sources: masteringnuxt.com, Michael Thiessen
Mastering Nuxt: Full Stack Unleashed - 2025 Edition - is not just a course, but a comprehensive step-by-step guide to modern Nuxt, created with the...
7 hours 36 minutes 9 seconds
Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)

Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)

Sources: udemy
Learn to build Shopify themes using Liquid, JavaScript, and Vue.js v3.0 from scratch. No experience required! Who is the course for? Anyone who is looking to b
6 hours 37 minutes 49 seconds