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

Real-time chat with Node.js, Socket.io and Vue.js

Real-time chat with Node.js, Socket.io and Vue.js

Sources: Codecourse
How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
26 minutes 39 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
Build an AI Stock Analyzer using ChatGPT, Python and LangChain

Build an AI Stock Analyzer using ChatGPT, Python and LangChain

Sources: zerotomastery.io
Create your own AI application for stock analysis and portfolio optimization using OpenAI GPT models, Python, and LangChain...
3 hours 3 minutes 56 seconds
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

Sources: udemy
No matter at which Metric you look at (Google Trends, Github Stars, Tweets ...) VueJS is the Shooting Star in the World of JavaScript Frameworks - it simply is
19 hours 57 minutes 29 seconds
Vue JS 3: The Composition API

Vue JS 3: The Composition API

Sources: udemy
Vue.js 3 and the Composition API is here! Learn to build real world apps with the Composition API, TypeScript, Vue Router and testing with Vue Test Utils. This
5 hours 24 minutes 26 seconds