ProjectLaravelFeatured

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.

Stack

Laravel
ReactJS
InertiaJS
Year
2023

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
Chat Homepage
Search Users
Search Users
Send Message
Send Message
Reply Message
Reply Message
Reply and Delete Message
Reply and Delete Message
Chat Preview
Chat Preview