All projects

2023 · Laravel · Featured

Laravel Chat App

Laravel Chat App is a realtime chat application built with Laravel, Inertia JS, and React JS. This project is an example of how to implement realtime chat application in Laravel using Soketi.

Laravel Chat App cover
Published
Stack
Laravel, ReactJS, InertiaJS
Topics
Laravel, Inertia JS, React JS, Chat App

Laravel Chat App

Laravel Chat App is a realtime chat application built with Laravel, Inertia JS, and React JS. This project is an example of how to implement realtime chat application in Laravel using Soketi.

Source code : GitHub

Tech Stack

Packages

Installation and Usage

Clone the repository

Terminal
git clone https://github.com/raprmdn/laravel-chat-app

Go to the project directory

Terminal
cd laravel-chat-app

Install dependencies

Terminal
# composer
composer install
 
# npm
npm install

Copy .env.example to .env

Terminal
cp .env.example .env

Generate application key

Terminal
php artisan key:generate

Run migration and seeder

Terminal
# migration
php artisan migrate
 
# seeder
php artisan db:seed

You must install Soketi globally before running the application.

Install Soketi

Terminal
npm install -g @soketi/soketi

Run Soketi with custom configuration.

Terminal
soketi start --config=soketi.config.json

Run the application

Terminal
# Start the development server
php artisan serve
 
# Run React JS
npm run dev

Screenshots

Chat Homepage
Search Users
Send Message
Reply Message
Reply and Delete Message
Chat Preview