raymondugv / laravel-realtime-example

Realtime πŸ• Pizza Order Tracker πŸ• - Laravel, Vue & Pusher

Home Page:https://www.youtube.com/watch?v=pjK0VMTCtVg

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

About

Realtime πŸ• Pizza Order Tracker πŸ• - Laravel, Vue & Pusher

https://www.youtube.com/watch?v=pjK0VMTCtVg


Languages

Language:PHP 64.3%Language:HTML 32.2%Language:Vue 3.6%