Build a chat app with Laravel, Vue.js and Pusher. Follow the tutorial https://pusher.com/tutorials/chat-laravel

Clone the project repository by running the command below if you use SSH

git clone [email protected]:ammezie/laravel-chat.git

If you use https, use this instead

git clone https://github.com/ammezie/laravel-chat.git

After cloning,run:

composer install

Duplicate .env.example and rename it .env

Then run:

php artisan key:generate

If you don't have one already, create a free Pusher account at https://pusher.com/signup then login to your dashboard and create an app.

Set the BROADCAST_DRIVER in your .env file to pusher:

BROADCAST_DRIVER=pusher

Then fill in your Pusher app credentials in your .env file:

PUSHER_APP_ID=xxxxxx
PUSHER_APP_KEY=xxxxxxxxxxxxxxxxxxxx
PUSHER_APP_SECRET=xxxxxxxxxxxxxxxxxxxx
PUSHER_APP_CLUSTER=

Be sure to fill in your database details in your .env file before running the migrations:

php artisan migrate

And finally, start the application:

php artisan serve

and visit http://localhost:8000/ to see the application in action.

• Pusher - APIs to enable devs building realtime features
• Laravel - The PHP Framework For Web Artisans
• Vue.js - The Progressive JavaScript Framework

• Bootsnipp chat snippet