https://github.com/qirolab/laravel-websockets-chat-example

Example of a real-time chat system built with the Laravel WebSockets package, VueJs, and Laravel-echo.
https://github.com/qirolab/laravel-websockets-chat-example

chat-application chatapp laravel laravel-echo websocket websocket-application websocket-server

Last synced: 3 months ago
JSON representation

Example of a real-time chat system built with the Laravel WebSockets package, VueJs, and Laravel-echo.

• Host: GitHub
• URL: https://github.com/qirolab/laravel-websockets-chat-example
• Owner: qirolab
• Created: 2018-12-31T09:36:33.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-02-16T10:13:31.000Z (almost 2 years ago)
• Last Synced: 2023-10-20T22:42:46.513Z (over 1 year ago)
• Topics: chat-application, chatapp, laravel, laravel-echo, websocket, websocket-application, websocket-server
• Language: PHP
• Homepage: https://www.youtube.com/watch?v=H_4UubWE9NQ&list=PL1TrjkMQ8UbWfFUCimQ50CdrR_J7QvEFW
• Size: 539 KB
• Stars: 98
• Watchers: 5
• Forks: 54
• Open Issues: 7
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Laravel WebSockets 🛰 Chat Example

This is a Chat system example application built with the [Laravel WebSockets](https://github.com/beyondcode/laravel-websockets) package, [VueJs](https://vuejs.org/) and [Laravel-Echo](https://laravel.com/docs/5.7/broadcasting#installing-laravel-echo).

## Tutorial

[![Real-time Chat system](http://i3.ytimg.com/vi/H_4UubWE9NQ/hqdefault.jpg)](https://www.youtube.com/watch?v=H_4UubWE9NQ&list=PL1TrjkMQ8UbWfFUCimQ50CdrR_J7QvEFW)

## Usage

1. Clone this repository

`git clone [email protected]:qirolab/Laravel-WebSockets-Chat-Example.git`

2. `composer install`

3. `php artisan key:generate`

4. `cp .env.example .env` and configure your database in .env file.

5. Run migration to create tables in database.

`php artisan migrate`

6. Final step run websockets server.

`php artisan websockets:serve`,

Now test it in your browser.

## Download your copy of the eBook today and become a JavaScript pro

[![JavaScript: ES2015 to ES2023](https://i.imgur.com/YyCohWc.png)](https://qirolab.gumroad.com/l/javascript-from-es2015-to-es2023)