Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia

Build a Realtime Chat App with Laravel 11, Vue 3 and Pinia course. Using the power of Laravel Reverb, let’s build a real-time multi-room chat app with Laravel 11 and VueJS along with InertiaJS and use Pinia for state management. In this course we will learn the following: Use the Intersection Observer API to automatically load previous chat messages when the user scrolls to the top of the chat interface Learn how to use presence channels to show online users for each room Learn how to implement client-to-client communication using Laravel Echo to show who is typing and display typing markers proportionally Learn how to use Flexbox tricks to keep messages coming in Learn database seeding techniques in Laravel Learn how to use API Resources in Laravel Learn how to display date and time in a better format Learning how to listen to events broadcast from the backend and react to them appropriately We will also learn how to listen for users logging in and out of events and add or remove them to the list of online users. All this situation will be managed on the client side using Pinia. By the end of this course, you’ll have built a feature-rich real-time chat application that demonstrates your understanding of front-end and back-end technologies, perfect for any developer looking to improve their skills in developing dynamic web applications.