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
0:00
/ #1: Intro to Open AI and GPT-3 & 4
All Course Lessons (17)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The complete guide to Mastering Pinia (Complete)
Sources: vueschool.io, Eduardo San Martin Morote
Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
10 hours 18 minutes 32 seconds
Real-Time Data with Laravel Reverb and Vue.js
Sources: vueschool.io
Would you like to add real data handling features to your applications on Laravel and Vue.js? Whether you are creating a notification system, a chat in...
44 minutes 56 seconds
ChatGPT Masterclass: 2023 Passive Income W/ ChatGPT and AI
Sources: udemy
This course teaches you how to use ChatGPT, a powerful artificial intelligence tool, to streamline and enhance your workflows and productivity. You will learn how to leverage Ch...
19 hours 1 minute 27 seconds
MASTERING NUXT Learn Nuxt.js by Building a Real World App
Sources: masteringnuxt.com
Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
10 hours 36 minutes 24 seconds