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
Rapid Testing with Vitest: Master Unit Testing & Mocking
Sources: vueschool.io
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit tes
1 hour 15 minutes 44 seconds
Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced
Sources: udemy
Learn how to create an Ambassador App using Vue 3, NuxtJS and NestJS. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big N
7 hours 37 minutes 36 seconds
ChatGPT & Large Language Models (LLMs): A Practical Guide
Sources: zerotomastery.io
Learn how ChatGPT actually works under the hood! This byte-sized course will get you up to speed on Large Language Models (LLMs) including topics like Prompt Design, Fine-Tuning...
58 minutes 21 seconds
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