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
PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)
Sources: udemy
In this course, I'm gonna show you how to use Vue JS, Quasar Framework and Firebase to create an amazing Progressive Web App (PWA). We're gonna create a gorgeous Instagram clone...
14 hours 36 minutes 16 seconds
Vue - The Complete Guide (incl. Router & Composition API)
Sources: Academind Pro
Learn Vue.js - in its latest version - step by step from the ground up. Learn how to build highly reactive web apps with one of the most popular frameworks!
28 hours 45 minutes 29 seconds
Laravel Backends for Vue.js 3
Sources: vueschool.io
Vue has held a special place in the front-end for Laravel developers since 2015. It started when the Laravel creator Taylor Otwell tweeted: "Learning @vuejs bec
3 hours 44 minutes
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