Omar7tech / Realtime_Laravel_Reverb_Train

This project is a real-time toggle switch built using Laravel, Livewire, Alpine.js, and Laravel Reverb. It allows users to toggle a switch, and the state updates instantly across multiple browsers using WebSockets. Perfect for learning real-time communication in Laravel! πŸš€

Repository from Github https://github.comOmar7tech/Realtime_Laravel_Reverb_TrainRepository from Github https://github.comOmar7tech/Realtime_Laravel_Reverb_Train

πŸš€ A real-time toggle switch built using Laravel, Livewire, Alpine.js, and Laravel Reverb. This project demonstrates real-time state synchronization across multiple clients using WebSockets (Reverb) and Livewire's reactivity.

Features

βœ… Real-time toggle state updates across multiple browsers
βœ… Livewire + Alpine.js for dynamic UI updates
βœ… Laravel Reverb for event-driven real-time communication
βœ… Cache persistence to maintain toggle state

Technologies Used

  • Laravel (PHP framework)
  • Livewire (Reactive components)
  • Alpine.js (Lightweight frontend framework)
  • Laravel Reverb (Native WebSockets for real-time updates)
  • Tailwind CSS (Styling)

How It Works

  1. User toggles the switch.
  2. Livewire updates the state and broadcasts an event (SwitchFlipped).
  3. Other clients listening to the event receive the update in real-time via Laravel Reverb.
  4. The toggle switch updates automatically without a page refresh.

Laravel Logo

Build Status Total Downloads Latest Stable Version License

About Laravel

Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:

Laravel is accessible, powerful, and provides tools required for large, robust applications.

Learning Laravel

Laravel has the most extensive and thorough documentation and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.

You may also try the Laravel Bootcamp, where you will be guided through building a modern Laravel application from scratch.

If you don't feel like reading, Laracasts can help. Laracasts contains thousands of video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.

Laravel Sponsors

We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel Partners program.

Premium Partners

Contributing

Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the Laravel documentation.

Code of Conduct

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

Security Vulnerabilities

If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via taylor@laravel.com. All security vulnerabilities will be promptly addressed.

License

The Laravel framework is open-sourced software licensed under the MIT license.

About

This project is a real-time toggle switch built using Laravel, Livewire, Alpine.js, and Laravel Reverb. It allows users to toggle a switch, and the state updates instantly across multiple browsers using WebSockets. Perfect for learning real-time communication in Laravel! πŸš€


Languages

Language:PHP 56.5%Language:Blade 42.4%Language:JavaScript 1.0%Language:CSS 0.0%