👾 Live Data Visualizations for GamesDoneQuick Streams
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
site
src
.babelrc
.eslintrc
.gitignore
LICENSE
README.md
gdq-stats.sublime-project
gulpfile.babel.js
package-lock.json
package.json
webpack.config.js

README.md

gdq-stats

👾 Stats webpage for GamesDoneQuick. Hosted at gdqstat.us

Frontend

The actual visualization is done by Recharts. Other tools used include:

  • React + Redux for rendering and application dataflow
  • Webpack + Gulp to generate / minify the site's assets
  • Hugo for minor HTML templating
  • odometer for animated odometers
  • C3js for pie charts
  • moment.js

Tools used in previous versions of the site:

  • jQuery
  • D3.js - (This is still used, under the hood)

Backend

This page uses gdq-collector to parse the GDQ donation tracker and to collect Twitch viewership information. This data is updated every minute.

Please visit that repo for more detailed information about the gdq-stats backend.

Run it yourself

  1. Clone the repo.
  2. Run npm install to pull down the NPM dependencies.
  3. Run npm start to build the site and start a local server.
  4. Visit http://localhost:3000 in your browser.

Previous Events

Attribution

  • alligatr - for his previous years of doing SGDQ/AGDQ stats. The initial design of this site was heavily inspired by alligatr's past work.
  • David Ensinger - for his great minifier Rakefile blog post