A realtime chat app built with Laravel 5.4, vue.js and pusher. We can send both text messages and files (e.g images,pdf,zip etc) through this app.
- Clone repo / download project.
- Open cmd and go to your project directory folder.
- Install composer dependencies
composer install
. - Install node dependencies
npm install
. - Create
.env
file with environment variables,or you can rename.env.example
file to.env
. - Set database connection in
.env
file. - Go to Pusher Dashboard and create new account if you have not done before.
-
Set following things in
.env
fileBROADCAST_DRIVER=pusher
PUSHER_APP_ID=your_pusher_app_id
PUSHER_APP_KEY=your_pusher_app_key
PUSHER_APP_SECRET=your_pusher_app_secret
- Open your
project_directory/config/broadcasting.php
file and findconnections->pusher->options
and setcluster
topusher cluster value
. - Open your
project_directory/resources/assets/js/bootstrap.js
file and at the end of file set value forkey, cluster
from pusher app dashboard. - Run migrations to generate tables in your database
php artisan migrate
. -
Open cmd and go to your project directory folder and run
npm run watch
. - Finally enter
project_directory/public
in the browser to run the app
Enjoy chatting. Would be grateful for your feedback.