https://github.com/drehimself/laravel-realtime-example

Realtime 🍕 Pizza Order Tracker 🍕 - Laravel, Vue & Pusher
https://github.com/drehimself/laravel-realtime-example

laravel laravel-echo pusher realtime vue vuejs vuestrap

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/drehimself/laravel-realtime-example
• Owner: drehimself
• Created: 2017-09-30T00:55:19.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:15:08.000Z (about 2 years ago)
• Last Synced: 2024-12-29T15:57:14.073Z (6 days ago)
• Topics: laravel, laravel-echo, pusher, realtime, vue, vuejs, vuestrap
• Language: PHP
• Homepage: https://www.youtube.com/watch?v=pjK0VMTCtVg
• Size: 2.41 MB
• Stars: 191
• Watchers: 13
• Forks: 109
• Open Issues: 24
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Realtime Pizza Order Tracker - Laravel, Vue & Pusher

🍕🍕🍕

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

## Installation

1. clone the repo and cd into it

1. `composer install`

1. rename or copy `.env.example` file to `.env`

1. Enter your database credentials in your `.env` file

1. Change `BROADCAST_DRIVER` to `pusher` in your `.env` file

1. Enter your Pusher credentials in your `.env` file. If needed, change cluster in `config/broadcasting.php`

1. `php artisan migrate`

1. `php artisan key:generate`

1. Enter your Pusher key in `resources/assets/js/bootstrap.js`. If needed, change cluster as well

1. `npm install`

1. `npm run dev`

1. `php artisan serve` or use Laravel Valet

1. Visit localhost:8000 in your browser

1. 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!