collier / stat-board

A slideshow which displays statistics about an office or company.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

StatBoard

A slideshow which displays statistics about an office or company. The StatBoard was designed to be displayed on a television in a common area in the office so that staff can see cool inforation at a glance. It's useful for highlighting office events, competitions, anniversaries, weather, even communiting information. The slides which have been developed so far:

  • Advent of Code Leaderboard
  • Clients
  • Office Competitions
  • Upcoming Corporate Events
  • Coffee Machine Counter
  • Fantasy Football Matchups
  • March Madness Bracket Challenge
  • Metro Commuting Information
  • Pet of the Month
  • Staff Anniversaries and Birthdays
  • Office Weather
  • Countdown to a Big Event

Along with the slideshow, the same application also houses an Admin Panel interface that allows users to modify some of the information which is displayed in the slides.

Demo

Some of the slides shown all the time:

Daily Demo

Some of the slides shown seasonally:

Seasonal Demo

Screenshot of the Admin Panel interface to update data on some of the slides:

Admin Panel

Full Demo, size of GIF is too larege for GitHub to embed:

Longer Demo

Backend

This repository holds only the slideshow code, written as a React application. There is also a backend RESTful API which serves all of the data seen in the slides. The API is written in Go, and is housed in a seperate repository.

Installation and Development

StatBoard is a React application built using Create React App. To run StatBoard locally, clone the repo, run npm install, then run npm start to launch to dev environment. Use npm build to create assets which can be deployed to a server.

Credits

All icons used were provided by Flaticons, and are licensed by Creative Commons BY 3.0.

License

MIT License

About

A slideshow which displays statistics about an office or company.

License:MIT License


Languages

Language:JavaScript 85.6%Language:CSS 13.1%Language:HTML 1.3%