Best WordPress Hosting
 

Using React and Laravel Lumen to Build a Company Status Board

via deliciousbrains.com => original post link

A few months ago I bought an Apple Cinema display to use with my Macbook Pro. My plan was to use both screens, my Cinema display as my primary screen for work and important apps and my MBP as a secondary screen for less important background apps like Spotify. It quickly became clear that I almost never used the secondary screen on my MBP as I had more than enough space on my Cinema display. At about the same time I decided that I’d quite like to dip my toes in the wonderful world of React and learn what all the hype was about.

So I came up with the idea of building a small status board web app that I could leave in my secondary display that would give me a quick overview of everything I needed for my work. As I wanted to learn React, it made sense to build a single page web app powered by React components and I decided that it would be simple enough to power the app using Lumen as a small backend API.

At Delicious Brains there are three apps we use that pretty much power everything we do: Slack for team communication, Help Scout for giving our customers support and GitHub for building our software. I didn’t want the dashboard to be crammed full of graphs and useless information, I just wanted to be able to see helpful information at a glance. So I decided the three elements of the board would be: