Giter VIP home page Giter VIP logo

todays-tilts's Introduction

Getting Started with Today's Tilts

Introduction

HELLO!!!!! and Welcome to my NHL Playground. I am Jake Armijo the creator. I always enjoyed listening to the hockey games on the radio with my dad. During the '90s and early 2000s, the Chicago Blackhawks were NOT broadcasted on TV. Therefore my father and I would listen to the games on this tiny black handheld radio. I can still picture this thing in my head.

I set out to create something with that memory. I found the https://statsapi.web.nhl.com/api/v1/configurations and thought it would be cool to create a central place for all the games including their play-by-play and an option to listen. I also envision a little hockey rink picture and to call the coordinates of the puck and have it move around the rink so you can, in a way, watch multiple games at one time.

The official start date of this project was 3-8-2021.

Service endpoints

There are lots of endpoints available to get information about: divisions, conferences, seasons, tournaments, standings, prospects, awards, etc. The whole list can be found here: https://statsapi.web.nhl.com/api/v1/configurations.

  • people/ID, people/ID/stats — general information about each person/player. Or extended statistics by ID;
  • schedule — a list of games taken places for the given period;
  • game/ID/feed/live — complete game log by ID.

Follow the process below to use the app

- $ git clone https://github.com/jakearmijo/nhl-playground.git
- $ cd todays-tilts
- $ npm install
- $ npm start

Visit http://localhost:3000 to view and enjoy!

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm test

--> Testing needs work! Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Features

• Play by play • Real time stats • Real time score • Player Pictures? -> maybe of key events such as goals • Ice Rink to follow puck / game on • Listen Option to a radio broadcast

Things I would improve or Add

• Firstly I would have spent more time on testing.

todays-tilts's People

Contributors

jakearmijo avatar

Watchers

 avatar

todays-tilts's Issues

Styling Issues on hover

  • Game # spacing
  • Spacing Between Each Game Tile
  • Hover changes color to dark that's no bueno
  • [ ]

Standings Comp Modify to render -> [][][][]

Currently Standing is rendering vertically when it would sit nicely on top going horizontally.

  • rending horizontally
  • drag and drop feature (the user could put in the order they want)

Game Stats Component

  • New Team Stats that shows the stats of the game
  • Basic 2 x 8 small grid
    • Team Name
    • SOG
    • FO%
    • PP
    • PIM
    • HITS
    • BLKS
    • GVA

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.