Project
Hockeystats
Tech used
JavaScript
HTML
CSS
Node.js
Express.js
Boostrap
GitA project made during our second course, native JavaScript, fetching and rendering data dynamically from an API. The site takes inspiration from both SHL and HockeyAllsvenskan but also EliteProspects.
This was an incredibly fun project to complete, tying together the knowledge from the first course with the functionality that comes with JavaScript. Being a massive hockey fan myself I decided to use an API from Sportradar to fetch information about the top professional swedish leagues.
Having an interest in the subject I was working with made it easier to motivate myself going that extra step creating a proxy backend with Node.js and Express to circumvent the CORS-problems, as well as being able to register and authenticate users with JWT and Bcrypt.
The website is also fully responsive and takes advantage of alternative rendering with things full team names or abbreviations on mobile to save space, the team abbreviation is also used to tie the teams logo to the correct team.