gdq-stats

:space_invader: 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
• day.js

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.

Snapshot Previous Event

To take a snapshot of a previous event:

$ npm run snapshot --name=agdq-2021 # Replace w/ the current event name

Previous Events

• SGDQ 2020
• AGDQ 2020
• AGDQ 2019
• SGDQ 2018
• AGDQ 2018
• SGDQ 2017
• AGDQ 2017
• SGDQ 2016

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