Skip to main content

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
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

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

Sources: vueschool.io
Discover the latest features and improvements in Nuxt 4, the newest version of the popular framework based on Vue.js. This course covers the key...
33 minutes 19 seconds
Full Stack Isomorphic JavaScript with Vue.js & Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Sources: udemy
Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—M
5 hours 33 minutes 49 seconds