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
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
Vue Component Design: Master Scalable Vue.js Patterns
Sources: vueschool.io
Creating scalable Vue components requires not only technical knowledge but also the ability to apply time-tested patterns, tested in...
54 minutes 42 seconds
Reusable Components
Sources: Michael Thiessen
Master the art of writing highly reusable Vue — and make the most of your components. Reusable Components is all about how to make your components more flexible
4 hours 10 minutes 42 seconds
What’s New in Nuxt 4: Key Updates for Nuxt.js Developers
Sources: vueschool.io
Discover the latest features and improvements in Nuxt 4, the newest version of the popular framework based on Vue.js. This course covers the key...
33 minutes 19 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