September 12, 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.

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

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

Go to the project directory

cd laravel-chat-app
bash

Install dependencies

# composer
composer install
 
# npm
npm install
bash

Copy .env.example to .env

cp .env.example .env
bash

Generate application key

php artisan key:generate
bash

Run migration and seeder

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

You must install Soketi globally before running the application.

Install Soketi

npm install -g @soketi/soketi
bash

Run Soketi with custom configuration.

soketi start --config=soketi.config.json
bash

Run the application

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

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
raprmdn
Rafi Putra Ramadhan
Laravel
ReactJS
InertiaJS