Laravel Real-time chat app demo with React, Laravel Echo, Breeze, Socket.io, Redis, Inertia.js, TailwindCSS stack.

Overview

Laravel Real-time Chat App

You can build yours from scratch with the following Medium article

https://medium.com/@sinan.bekar/build-a-real-time-chat-app-with-laravel-and-react-5cae5a7c22d4

In production demo app: http://laravel-chat-app.ml/

Installation with Docker (Laravel Sail)

Install composer packages:

docker run --rm \
    -u "$(id -u):$(id -g)" \
    -v $(pwd):/var/www/html \
    -w /var/www/html \
    laravelsail/php81-composer:latest \
    composer install --ignore-platform-reqs

Create .env:

cp .env.example .env

Sail up:

./vendor/bin/sail up -d

Generate app key:

./vendor/bin/sail artisan key:generate

Clean cache and migrate:

./vendor/bin/sail artisan cache:clear && ./vendor/bin/sail artisan migrate

Run tinker:

./vendor/bin/sail artisan tinker

Create users and rooms:

\App\Models\User::factory(5)->create();
DB::table('rooms')->insert(array_map(function ($room) {
            return ['name' => $room];
        }, ['general', 'room1', 'room2', 'room3', 'room4']));
}

Install npm packages and compile assets:

npm install && npm run dev

You can access the chat page by visiting http://localhost/chat after login.

You might also like...
A Laravel chat package. You can use this package to create a chat/messaging Laravel application.
A Laravel chat package. You can use this package to create a chat/messaging Laravel application.

Chat Create a Chat application for your multiple Models Table of Contents Click to expand Introduction Installation Usage Adding the ability to partic

Laravel Rocket chat Debugher, push all logs to rocket chat channels

Laravel Rocket chat Debugher, push all logs to rocket chat channels

Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟

Platform for Interactive Business Applications 10x faster to create than the traditional way • 3x increase application experiences • 60% decrease in d

A quiz application with laravel 8, spatie permissions, livewire, jetstream, chartjs, tailwindcss and more!
A quiz application with laravel 8, spatie permissions, livewire, jetstream, chartjs, tailwindcss and more!

Todo Currently busy with some other important things, will definately would like to imporove the app with 1. Multiple choices selection and mapping to

Vueform Laravel + Vue 3 + TailwindCSS 3 Boilerplate
Vueform Laravel + Vue 3 + TailwindCSS 3 Boilerplate

Vueform Laravel + Vue 3 + TailwindCSS 3 Boilerplate Last tested with Laravel 8.75. Installation Clone this repo with: git clone https://github.com/vue

Laravel Datatables Package Demo App

#Laravel Datatables Demo App Datatables Package for Laravel 4|5 This package is created to handle server-side works of DataTables jQuery Plugin via AJ

The best squirrel tracker. Ever. (A demo app for LaravelSF meetups)

LaraSqrrl Identify and track squirrels via text, now using AWS Rekognition! Created for the November 10th, 2015; February 9th, 2016; May 10th, 2016; a

An example chat app to illustrate the usage of kitar/laravel-dynamodb.
An example chat app to illustrate the usage of kitar/laravel-dynamodb.

Simplechat An example chat app to illustrate the usage of kitar/laravel-dynamodb. Demo https://demo.simplechat.app/ This demo app is deployed with Lar

Inertia.js Events for Laravel Dusk

Inertia.js Events for Laravel Dusk Requirements PHP 7.4+ Vue Laravel 8.0 and higher Support We proudly support the community by developing Laravel pac

Owner
Sinan Bekar
Full Stack Developer #OpenToWork
Sinan Bekar
Real world Conduit App based on Laravel Livewire stack

Laravel Livewire codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API. Demo Github

Ricardo Sawir 18 Jun 25, 2022
Laravel Echo library for beautiful Pusher and Ably integration.

Introduction In many modern web applications, WebSockets are used to implement realtime, live-updating user interfaces. When some data is updated on t

The Laravel Framework 952 Sep 22, 2022
Laravel Video Chat using Socket.IO and WebRTC

Laravel Video Chat Laravel Video Chat using Socket.IO and WebRTC Installation composer require php-junior/laravel-video-chat Laravel 5.5 uses Package

Nyi Nyi Lwin 745 Sep 20, 2022
Talk is a real-time users messaging and chatting system Laravel.

Laravel-Talk Talk is a Laravel 5 based user conversation (inbox) system with realtime messaging. You can easily integrate this package with any Larave

Nahid Bin Azhar 1.5k Sep 22, 2022
A Laravel package helps you add a complete real-time messaging system to your new / existing application with only one command.

A Laravel package helps you add a complete real-time messaging system to your new / existing application with only one command.

Munaf Aqeel Mahdi 1.5k Sep 23, 2022
Laravel real-time CRUD using Google Firebase.

Laravel real-time CRUD using Google Firebase.

Fadi Mathlouthi 1 Oct 22, 2021
An online communication application that provides a real-time or live transmission of text messages from sender to receiver.

Realtime-chat-application An online communication application that provides a real-time or live transmission of text messages from sender to receiver.

isha 2 Aug 15, 2022
List of 77 languages for Laravel Framework 4, 5, 6, 7 and 8, Laravel Jetstream , Laravel Fortify, Laravel Breeze, Laravel Cashier, Laravel Nova and Laravel Spark.

Laravel Lang In this repository, you can find the lang files for the Laravel Framework 4/5/6/7/8, Laravel Jetstream , Laravel Fortify, Laravel Cashier

Laravel Lang 6.8k Sep 21, 2022
Jetstrap is a lightweight laravel 8 package that focuses on the VIEW side of Jetstream / Breeze package installed in your Laravel application

A Laravel 8 package to easily switch TailwindCSS resources generated by Laravel Jetstream and Breeze to Bootstrap 4.

null 668 Sep 17, 2022
Laravel breeze is a PHP Laravel library that provides Authentication features such as Login page , Register, Reset Password and creating all Sessions Required.

About Laravel breeze To give you a head start building your new Laravel application, we are happy to offer authentication and application starter kits

null 3 Jul 30, 2022