Skip to content

realtime chat application (Laravel+ Vue JS + socket.io + vuetify + vue-router + vuex)

Notifications You must be signed in to change notification settings

HazemHa/ChatAppLaravel

Repository files navigation

laravel-chat-app

A realtime chat app built with Laravel 5.7, vue.js , redise and socket-io. We can send text messages through this app.

common use
  1. pbulic chat
  2. room chat
  3. private chat
  4. notifications

Project Installation

  1. Clone repo / download project.
  2. Open cmd and go to your project directory folder.
  3. Install composer dependencies composer install.
  4. Install node dependencies npm install.
  5. Create .env file with environment variables,or you can rename .env.example file to .env.
  6. Set database connection in .env file.
  7. almost install with => composer install and npm install
    • install Redis
    • install Laravel Echo
    • install Socket.IO
  8. Set following things in .env file
    • BROADCAST_DRIVER=redis
    • CACHE_DRIVER=redis
    • QUEUE_CONNECTION=redis
    • SESSION_DRIVER=redis
    • SESSION_LIFETIME=120
    • SESSION_DOMAIN=127.0.0.1
    • REDIS_HOST=127.0.0.1
    • REDIS_PASSWORD=null
    • REDIS_PORT=6379
  9. Run migrations to generate tables in your database php artisan migrate.
  10. Open cmd and go to your project directory folder and run php artisan storage:link to access to image.
  11. Open cmd and go to your project directory folder and run npm run watch.

Enjoy chatting. Would be grateful for your feedback.

About

realtime chat application (Laravel+ Vue JS + socket.io + vuetify + vue-router + vuex)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published