Project

Hockeystats 2.0

Tech used

JavaScript

Vue.js

Vite

Boostrap

Git

GitHub

For my course in JavaScript with frameworks, we got to start of working with Vue, and I decided to adapt my previous hockey project from our Native JS course.

An image of Hockeystats 2.0 in Desktop mode

It was very interesting stepping in to the world of frameworks and a component based layout, making everything more reusable. I chose to instead of starting a new project, to recycle my previous one, but rewriting it to components instead of one large file.

Swapping over to components made everything a lot easier to manage and maintain, and getting access to a lot of the nice to haves from frameworks also made things like conditional rendering and other functionality a lot easier. Being able to create one component to display the stats, and being able to reuse it for each category (points, goals, assists) being one example.