msufians/laravel-realtime-example

Realtime 🍕 Pizza Order Tracker 🍕 - Laravel, Vue & Pusher

Realtime Pizza Order Tracker - Laravel, Vue & Pusher

🍕🍕🍕

Code for YouTube video tutorial: https://www.youtube.com/watch?v=pjK0VMTCtVg

Installation

1. clone the repo and cd into it
2. composer install
3. rename or copy .env.example file to .env
4. Enter your database credentials in your .env file
5. Change BROADCAST_DRIVER to pusher in your .env file
6. Enter your Pusher credentials in your .env file. If needed, change cluster in config/broadcasting.php
7. php artisan migrate
8. php artisan key:generate
9. Enter your Pusher key in resources/assets/js/bootstrap.js. If needed, change cluster as well
10. npm install
11. npm run dev
12. php artisan serve or use Laravel Valet
13. Visit localhost:8000 in your browser
14. Make a new user and a new pizza order. Open up another window, go to admin, change order status, and watch it update in realtime!