GithubHelp home page GithubHelp logo

puck's Introduction

CrossCheck

CrossCheck is an app with two different versions:

  • A web app deployed at crosscheck.surge.sh
  • An Electron-based desktop app viewable in this repo's test branch

CrossCheck gives live (~ every 5 seconds) updates from NHL games. These updates include live scores, information on goal scorers and assists, game statistics, player season statistics, and team season statistics. It also provides a few (and more to come) visualizations and charts of those statistics.

Will blast your ears off with the goal horn if you're not careful with volume. (!!!)

CrossCheck is mobile-compatible and soon to be tablet-compatible as well.

Web App Info

  • Uses the HTML5 notification API to deliver alerts when goals are scored, and as such will ask for permission for notifications
  • Built using HTML5, pure CSS3 (no frameworks), JavaScript, React, and Chart.js
  • Bounces through a hobby Heroku CORS proxy, so if unresponsive allow 15-30 seconds for the Heroku dyno to spin up

Desktop App Info

  • Will send desktop notifications rather than through the browser
  • Is set to open at a width of 400px, to be set side-by-side while working on/doing something else like so: Electron example
  • Can also be run in full-screen like the web app
  • Built with the aforementioned technologies, as well as Electron

Not included in this repo

  • A React Native app for filtering notifications by team
  • A small server based on Node, Express, and PostgreSQL to save preferences

Additional Images

Game Events Player Player Stats Standings Team

To do in near future

  • Tablet-compatible
  • Advanced statistics (corsi, fenwick, pdo, etc.)
  • Fix goalie bug
  • Actual physical goal horn
  • Additional React Native capabilities (push notifications?)
  • Milestones
  • Email summary?
  • ???

puck's People

Contributors

wroth08 avatar

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.