Single page application that utilizes the NHL REST API to show upcoming fixtures, previous results and higlights for whichever team is selected, and the current standing of the relevant regional NHL table.
- NHL Rest API
- Vanilla JS
- CSS Grid
How it works
AJAX XMLHttpRequests to the NHL API to get information on Upcoming Fixtures, Previous Results, Highlight url information, Pacific table standings. Information manipulated and parsed into DOM.
- Page colours change to match selected team's colour scheme
- Scores available on hover, HD highlights on click
- Live game status of 'Match Day', 'Match Live' and 'Pre Game', for matches occuring that day
- Timezone and date unique to viewer
- Hash URL for easy bookmarking of favourite team
- Bookmarking teams / be able to save team preference for next view