In case my key got restricted, you need to get your api key from imgbb.com
After you clone this project, do the following:
# go into the project
cd laravel-vue-echo-chat
# create a .env file
cp .env.example .env
# install composer dependencies
composer update
# install npm dependencies
npm install
# generate a key for your application
php artisan key:generate
# create a local MySQL database (make sure you have MySQL up and running)
mysql -u root
> create database chat_db;
> exit;
# add the database connection config to your .env file
DB_CONNECTION=mysql
DB_DATABASE=chat_db
DB_USERNAME=root
DB_PASSWORD=
# run the migration files to generate the schema
php artisan migrate
# change the BROADCAST_DRIVER in your .env to pusher
BROADCAST_DRIVER=pusher
# seed your databse with some users and messages
php artisan db:seed
# run laravel core
php artisan serve
#run laravel-websocket
php artisan websocket:serve
YOU NEED TO GO TO http://localhost:8000/laravel-websockets AND CONNECT FOR THE FIRST TIME FOR THE WEBSOCKETS TO WORK
# run webpack and watch for changes
npm run watch
#In case you want to use original Pusher Service
- run
composer remove beyondcode/laravel-websockets
- delete
config/websockets.php
- check the
config/broadcasting.php
andresources/js/bootstrap.js
for instructions
#Main Project https://github.com/AfikDeri/Messenger-App-VueJS-and-Laravel