search

qirolab / laravel-reverb-chat

Create a Real-Time Chat Applications with Laravel Reverb & Vue.js 3
https://qirolab.com/posts/building-real-time-chat-applications-with-laravel-reverb-and-vue-3
29 stars 12 forks source link
chat chat-application laravel laravel-framework laravel-reverb vue vue3

readme

Laravel Real-Time Chat with Reverb and Vue 3

This project provides a foundation for building a real-time chat application using Laravel, Laravel Reverb (a Pusher alternative), and Vue 3. It enables users to connect, send messages, and receive updates in real-time, fostering a dynamic and engaging chat experience.

Video Tutorial

Real-time Chat system

Try Spec Coder: VSCode Extension - Code Faster & Smarter with AI!

Installation:

  1. Clone the repository:

    git clone git@github.com:qirolab/laravel-reverb-chat.git

  2. Navigate to the project directory:

    cd laravel-reverb-chat

  3. Install dependencies:

    composer install
npm install # or yarn install

  4. Generate application key:

    php artisan key:generate

  5. Configure database connection:

Edit .env file according to your database credentials.

  1. Migrate database tables

    php artisan migrate

  2. Start development server

    php artisan serve
npm run dev:tailwind

Here we used npm run dev:tailwind instead of npm run dev because we created a tailwind theme using the Laravel Themer package in this project.

Support us

Spec Coder