A basic integration between Laravel 5, Vue Js and Ratchet web sockets API.
Clone or download
mochetts Update readme.md
Updating readme.md
Latest commit 57f4db2 Apr 7, 2016


LaraVueTchet Chat

"Laravel is a web application framework with expressive, elegant syntax... Laravel attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as authentication, routing, sessions, queueing, and caching."

"Ratchet is a loosely coupled PHP library providing developers with tools to create real time, bi-directional applications between clients and servers over WebSockets. This is not your Grandfather's Internet."

"Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API"

Official Documentation

Documentation for Laravel 5 can be found on the Laravel website.

Documentation for ratchet can be found on the Ratchet website.

Documentation for vue can be found on the Vue.js website.


The idea is to integrate Ratchet web sockets with a Laravel 5 simple application and implement a chat that uses web sockets.

It also hooks in Vue.js to master view renderings.


  1. Composer

Setup guide

  1. Clone repo

  2. Standing on repo folder, run "composer install" from a terminal.

  3. Standing on repo folder, run "composer update" from a terminal

  4. On a terminal console navigate to project root run command "php artisan:serve" to instance a new php server.

  5. On a terminal console navigate to project root run command "php artisan chat:serve" to start the chat server (localhost on port 9090)

  6. Whohaa! You'r done! Open browser and enter url http://localhost:8000. Happy chatting!


Thank you for considering contributing to this repository! Any contribution is welcomed always having the "spread the knowledge" in mind.

Evolution comes after sharing knowledge.


The code under this repository is open-sourced software licensed under the MIT license