Code Monkey home page Code Monkey logo

gdq-stats's Introduction

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
  • 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

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

gdq-stats's People

Contributors

bcongdon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

crunchtime-ali

gdq-stats's Issues

JSON backups

JSON stored in S3 should have some type of redundancy. It is kindof just an artifact of the other services, but makes sense to not have a single copy that someone could fat-finger and delete (whoops...)

Maybe look into S3's versioning system?

Flip tooltip based on position

If you use the graph tooltip near the right side of the screen, it'll disappear off to the right.
Should flip around to the left side of the graph line.

Fix Odometer Spacings

Looks like the layout got a bit borked when I put in static values post SGDQ 2016

AGDQ 2023 Now Live

Hi,

Will you be supporting the tracker for AGDQ 2023 starting on January 8? Someone submitted an "issue" back in July if you were supporting SGDQ 2022 when it was happening. You replied you did not have enough time to set it up. Just wanted to put the bug in your ear for this upcoming marathon. Really do enjoy following your tracker.

Thanks!

Freeze Bower Components for previous events

I gitignore'd bower_components, so now they're lost to time (only in my local repo)

Should either add them as vendor libs (not super keen on this), or serve them from something like cdnjs.

Fix games odometer

Need to determine how many games have been completed, and update #oGames

Write API for topline stats?

Page load time is a bit high with a full week's data loaded in, adding an API route for the odometer stats might be a good way at increasing site responsiveness.

(At very least, could make the way stats are accumulated from the data more efficient)

Add a "rake watch" command

Moving another task to rake would be nice -- would avoid needing to do the whole bundle exec ... thing entirely.

SGDQ 2022 is now live

Do you plan to get the tracker up and running. I always liked using it during the marathons.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.