Chatverse is a real-time messaging application built using Laravel for the backend, Tailwind CSS for styling, and Core JavaScript with Laravel Echo and Reverb for real-time communication.
- Laravel 11
- Laravel Reverb (WebSocket server)
- Laravel Echo
- Tailwind CSS
- Core JavaScript (No frontend frameworks)
- Breeze for Authentication
routes/web.php
: Web routes for chat views for fetching and storing messagesresources/views/chat.blade.php
: Frontend chat UIresources/js/chat.js
: Handles chat interaction logicresources/js/echo.js
: Echo setup for real-time listeningapp/Models/Message.php
: Message modelapp/Http/Controllers/MessageController.php
: Handles message fetch/storeapp/Events/MessageSent.php
: Broadcast message event
git clone https://github.com/Darshan-KC/chatverse.git
cd chatverse
composer install
npm install
cp .env.example .env
php artisan key:generate
php artisan migrate
php artisan reverb:install
npm run dev
php artisan serve
php artisan reverb:start
php artisan queue:work
Make sure your .env
includes:
VITE_REVERB_APP_KEY=your-key
VITE_REVERB_HOST=127.0.0.1
VITE_REVERB_PORT=6001
VITE_REVERB_SCHEME=http
- Real-time messaging with Laravel Reverb
- User-to-user direct chat
- Timestamps on messages
- Clean and responsive Tailwind UI
- Dynamic chat UI updates
- Message persistence in database
Contributions are welcome! If you have ideas for improvements or new features, feel free to fork the repository, make changes, and submit a pull request.
This project is licensed under the MIT License.
You are free to use, modify, and distribute this software in compliance with the license terms.
© 2025 Darshan KC
All rights reserved.
ChatVerse is an open-source project released under the MIT license.