https://github.com/darshan-kc/chatverse
Simple chat web app using laravel websocket
https://github.com/darshan-kc/chatverse
breeze laravel laravel-echo laravel-reverb vanilla-javascript
Last synced: 5 days ago
JSON representation
Simple chat web app using laravel websocket
- Host: GitHub
- URL: https://github.com/darshan-kc/chatverse
- Owner: Darshan-KC
- Created: 2025-05-09T07:34:35.000Z (11 days ago)
- Default Branch: main
- Last Pushed: 2025-05-09T08:04:32.000Z (11 days ago)
- Last Synced: 2025-05-14T15:19:00.387Z (6 days ago)
- Topics: breeze, laravel, laravel-echo, laravel-reverb, vanilla-javascript
- Language: PHP
- Homepage:
- Size: 129 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chatverse – Real-Time Chat App with Laravel, Reverb, Echo, and Core JS
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.
## 🔧 Technologies Used
- Laravel 11
- Laravel Reverb (WebSocket server)
- Laravel Echo
- Tailwind CSS
- Core JavaScript (No frontend frameworks)
- Breeze for Authentication
---
## 📁 Project Structure Overview
- `routes/web.php`: Web routes for chat views for fetching and storing messages
- `resources/views/chat.blade.php`: Frontend chat UI
- `resources/js/chat.js`: Handles chat interaction logic
- `resources/js/echo.js`: Echo setup for real-time listening
- `app/Models/Message.php`: Message model
- `app/Http/Controllers/MessageController.php`: Handles message fetch/store
- `app/Events/MessageSent.php`: Broadcast message event
---
## 🚀 Steps to Run
### 1. Clone and Install Dependencies
```bash
git clone https://github.com/Darshan-KC/chatverse.git
cd chatverse
composer install
npm install
cp .env.example .env
php artisan key:generate
```
### 2. Setup Database
```bash
php artisan migrate
```
### 3. Setup Reverb
```bash
php artisan reverb:install
```
### 4. Compile Assets
```bash
npm run dev
```
### 5. Serve App
```bash
php artisan serve
php artisan reverb:start
php artisan queue:work
```
Make sure your `.env` includes:
```env
VITE_REVERB_APP_KEY=your-key
VITE_REVERB_HOST=127.0.0.1
VITE_REVERB_PORT=6001
VITE_REVERB_SCHEME=http
```
---
## 💬 Features
- 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
---
## Contributing
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.
## 📜 License
This project is licensed under the MIT License. See the LICENSE file for details.