Build a Realtime Chat Application with Laravel 11, InertiaJS, Vue 3, Reverb and Pinia | Video Course

Pricing Structure:

• $10 (for first 100 enrollments)
• $19 (for the next 100 enrollments)

Using the power of Reverb, let’s build a real-time multi-room chat application with Laravel 11 and VueJS with InertiaJS, pulling in Pinia for state management.

What you'll learn in this Course:

• Learn how to Integrate Laravel with Reverb to build Real-Time Applications
• Learn how to display user typing events using Whisper and Client-to-Client communication
• Learn how to use presence channels to show online users for each room
• Learn how to use the Intersection Observer API to load previous chat messages automatically
• Learn State management with Pinia
• Learn how to use Flexbox tricks to keep messages scrolled into view as they roll in

Prerequisites:

• Beginner-level knowledge of PHP/Laravel and VueJS is Required
  

Who is this Course for:

• Laravel Developers who want to Build real-time applications using InertiaJS, Vue 3, and Reverb
  

We’ll cover:

• Using the Intersection Observer API to automatically load previous chat messages
• State management with Pinia
• Using presence channels to show online users for each room
• Client-to-client communication using Laravel Echo to show who’s typing and we'll display typing indicators
• Using flexbox tricks to keep messages scrolled into view as they roll in
• Seeding databases in Order
• Listening for Broadcasted events from the backend and reacting to them accordingly
• We'll also learn how to listen for users leaving or joining events and add/remove them from the online user list
• All of this state will be managed on the client side, using Pinia