Skip to content

Latest commit

 

History

History
80 lines (55 loc) · 2.36 KB

README.md

File metadata and controls

80 lines (55 loc) · 2.36 KB

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 [email protected]:qirolab/laravel-reverb-chat.git
  1. Navigate to the project directory:
cd laravel-reverb-chat
  1. Install dependencies:
composer install
npm install # or yarn install
  1. Generate application key:
php artisan key:generate
  1. Configure database connection:

Edit .env file according to your database credentials.

  1. Migrate database tables
php artisan migrate
  1. 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.

Want to Support My Work?

If you found this demo helpful and want to support my work, check out some of my other products:

Ctrl+Alt+Cheat     Spec Coder     JavaScript Guide

Get $200 free credit for DigitalOcean! (Use this link to sign up)

DigitalOcean Referral Badge