Skip to content

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! 🚀

Notifications You must be signed in to change notification settings

Omar7tech/Realtime_Laravel_Reverb_Train

Repository files navigation

🚀 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! 🚀

Topics

Resources

Stars

Watchers

Forks

Languages