Skip to content

A web app to monitor Reddit's /r/thebutton (written in React and D3)

Notifications You must be signed in to change notification settings

jmlsteele/thebutton

 
 

Repository files navigation

The Button Snitch

Monitor Reddit's /r/thebutton. A fork of jamesrom.github.io with different visualizations and notifications. Built using React and D3.

Screenshot

To Do List

  • Change header stat labels to be clearer
  • Port to React
  • Make chart horizontal with fixed, user-selectable bar height
  • Add desktop notifications when the timer hits a user-defined number
  • Get WebSocket URL from Reddit directly instead of hard-coding
  • Add chart to display click numbers over time
  • Make text labels optional
  • Consider adding AM/PM to time labels on X axis
  • Change counting of simultaenous clicks so all clickers get the proper flair (instead of 60s for the "missed" presses)
  • Show distribution of flair colors in tracked clicks
  • Better handling of connection errors/disconnects
  • Support beep noise for new clicks (suggestion from /u/crazykoala)
  • Update favicon and window title to reflect color and time remaining
  • Add a histogram chart (started as a pull request from renoth)
  • Hide animations when page not visible (for performance reasons) D3 uses requestAnimationFrame which takes care of this
  • Throw away data older than X minutes for performance reasons (suggestion from /u/debugmonkey)
  • Add current time to histogram chart (suggestion from /u/shotgun_nancy)
  • Fix all the bugs introduced by the data discarding feature (reported by /u/TOTALLY_ATHIEST)
  • Add a new darker theme called night mode (suggestion from /u/SohnoJam)
  • Beep support like Squire
  • Scroll to zoom
  • Horizontal option for log chart
  • Export graph to an image
  • Make header responsive
  • Replace pulse dot with a clearer "live" text that fades out after 1 second (with a 1 second fade)
  • Auto dot size and bar height option: starts large, shrinks down based on window size, minimum of 1
  • Add pause button
  • Cookie to save settings

About

A web app to monitor Reddit's /r/thebutton (written in React and D3)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.5%
  • CSS 10.3%
  • HTML 1.9%
  • Shell 0.3%