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

Build a Server Rendered Vue.js App with Nuxt and Vuex

Build a Server Rendered Vue.js App with Nuxt and Vuex

Sources: egghead
Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach. T
33 minutes 40 seconds
Robust Vue.js Forms with FormKit

Robust Vue.js Forms with FormKit

Sources: vueschool.io
Forms are the core of interactive and dynamic web pages. They accept user input and must respond to that input often in real time and in a variety of ways. Form
2 hours 4 minutes 52 seconds
ChatGPT Masters: Prompt Engineering, Midjourney, Chat GPT 4

ChatGPT Masters: Prompt Engineering, Midjourney, Chat GPT 4

Sources: udemy
We'll start with the basics, including what ChatGPT & Google Bard are, why you should use these tools, and how they work. You'll learn how to create your account and get started...
9 hours 44 minutes 12 seconds
ChatGPT Complete Guide: Learn Midjourney, ChatGPT 4 & More

ChatGPT Complete Guide: Learn Midjourney, ChatGPT 4 & More

Sources: udemy
In this complete AI guide, we'll work together to develop your skills with ChatGPT 3, 3.5, and 4, Midjourney, DALL-E 2, and 25 other extremely useful AI tools to make you more e...
10 hours 47 minutes 52 seconds