Effortless Real-Time Chat Apps with Laravel Reverb and Vue.js 3

QiroLab β€’ June 3, 2024
Video Thumbnail

About

No channel description available.

Video Description

Laravel Reverb Tutorial: This video dives into building a seamless real-time chat application using Laravel Reverb and Vue.js 3! We'll show you how to leverage Reverb's power alongside Vue.js 3 to create a smooth, effortless chat experience for your users. In this video, you'll learn: - The magic of Laravel Reverb for real-time features - Integrating Reverb with Vue.js 3 for a seamless frontend - Building a real-time chat application step-by-step - Essential techniques for a user-friendly chat experience By the end of this video, you'll be equipped to build and deploy modern chat applications confidently! Don't get left behind! Try Spec Coder: Supercharge Your Coding with AI! *50% off!* Use code *YT-FAMILY* (limited time offer). πŸ‘‰ https://qirolab.com/spec-coder GitHub Repository: https://github.com/qirolab/laravel-reverb-chat Blog Post: Building Real-Time Chat Applications with Laravel Reverb and Vue 3 https://qirolab.com/posts/building-real-time-chat-applications-with-laravel-reverb-and-vue-3 πŸ”₯ Spec Coder: Supercharge Your Coding with AI! (Features & AI Setup) https://www.youtube.com/watch?v=88CTOA7jL4s β–Ά Real-time Chat system (Laravel WebSockets, VueJs, Laravel-echo) https://www.youtube.com/playlist?list=PL1TrjkMQ8UbWfFUCimQ50CdrR_J7QvEFW β–Ά Laravel Themer: Add multi-theme support for the Laravel application https://www.youtube.com/watch?v=Ty4ZwFTLYXE β–Ά VSCode Customisation Tips & Tricks https://www.youtube.com/playlist?list=PL1TrjkMQ8UbXh0AKEBPMhlQLi6fs1fpNn β–Ά Code Quality DevTools https://www.youtube.com/playlist?list=PL1TrjkMQ8UbVjig1BXDBo1oMzMgVc5I_a β–Ά #1: SPA Authentication using Laravel Sanctum Tutorial https://www.youtube.com/watch?v=8Uwn5M6WTe0 β–Ά #2: API Token Authentication using Laravel Sanctum https://www.youtube.com/watch?v=2bslfjKEAik β–Ά SOLID design principles Playlist https://www.youtube.com/playlist?list=PL1TrjkMQ8UbWsspx0ABrsWl6ENnLEq9AH β–Ά Install Laravel Valet Linux Plus https://www.youtube.com/watch?v=9Tc4fRLuj2A&list=PL1TrjkMQ8UbUsk2YD-gJ_OfJWi_pIJ5BV&index=4 β–Ά Laravel Eloquent Relationships https://www.youtube.com/watch?v=m0IsbkfONL4&list=PL1TrjkMQ8UbVyIT0cDX-54gN5tunWZvaI&index=1 β–Ά Laravel Excel Tutorial https://www.youtube.com/watch?v=VUet2wq22-o&list=PL1TrjkMQ8UbWeumS9QLpRWpkG7qIKHSqX&index=1 #LaravelReverb #laravel #Vuejs3 #RealTimeChatApp #WebDevelopment #CodingTutorial #qirolab #programming #laravel11 #laravelphp #laravel_tutorial Timestamps: 00:00 - Introduction 02:01 - Create Fresh Laravel 11 App 03:05 - (Optional) Installing Laravel-Themer Package for quick authentication scaffolding 07:06 - Display list of users on the Dashboard page 10:06 - Create a Chat Page 12:07 - Chat Component in Vue 3 17:07 - Create `ChatMessage` Model & Migration 19:28 - Display Chat messages 27:14 - Implementing the Send Message feature 30:38 - Installing Laravel Reverb 36:01 - Broadcasting `MessageSent` event & Creating Channel Route 38:21 - Listen for broadcasted messages in the Chat Component using Laravel Echo 40:33 - Fix scroll on receive a new message 42:32 - Wisper typing event using Laravel Echo Support my work: 1. On BuyMeACoffee: https://www.buymeacoffee.com/qirolab Also, follow us on: π…πšπœπžπ›π¨π¨π€: https://fb.com/qirolab π“π°π’π­π­πžπ«: https://twitter.com/qirolab

You May Also Like