Building a Status Board using Laravel and Vue

Building a Status Board using Laravel and Vue

Freek Van der Herten has a new tutorial on how his team built a company status board using Laravel and Vue.js.

Each tile is it’s own Vue component. Laravel’s default scheduler is used to periodically fetch some data from the API’s of Google Calendar, Last.fm, etc… When Laravel receives a response from any of those services a broadcast event is fired to Pusher. This powerful service leverages websockets to carry over server events to clients in realtime. On the client side the Vue component will listen for that broadcasted Pusher event and update the tile.

Then to display it on a TV they use a Raspberry Pi 2. The Pi used the default Raspian OS. When it is powered on it’ll automatically launch Chromium 50 and display the contents

The code behind this is also open source so you can run your own.


Filed in: Laravel Applications / Vue.js


Newsletter

Join the weekly newsletter and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Full-Stack Developer
Tampa
Nu Image Medical
Senior Software Developer
Remote (US ONLY)/Kenilworth, NJ
Diversified
Senior Back-end Laravel API Developer - Immediate Contract (Full Time)
Remote
ApproveMe // Document Signing
Web Development Project Manager
Houston, TX
Swyft Filings
Experienced Laravel/VueJS Developer (Freelance)
Remote (preferably in the US)
Prosperly LLC
Senior React / Laravel Developer
Remote
The C.A.S.E. Engineering Group
Software Engineer
Boston
ButcherBox