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
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
Sources: udemy
If you’re already familiar with Vue 2 & The Options API, then this course will teach you everything you need to know to switch over to (and get started with) Vu
9 hours 10 minutes 13 seconds
Generating Fake Data with Faker.js
Sources: vueschool.io
Every user application depends on data, whether it's user profiles, product listings, or blog posts. However, creating realistic datasets...
51 minutes 56 seconds
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