HazemHa / ChatAppLaravel

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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)


Languages

Language:PHP 65.2%Language:Vue 34.4%Language:HTML 0.4%