Zihan Huang - NBA superstar Predictor

Hi-Fi figma interface

Mainpage

Teams

Players

Predictors

In the lab

In the lab is a page to compare the college players and the professor NBA players to see the difference and similarity between them.

this is the access from the main page, all the below 5 are the top 5 skills players for each them

The NBA teams page also present thr same type of data: all the players ID cards and highlight the top 5 skills players

The NBA teams page can change the season and team it can updated the player cards according to the specific team and season

For the predictor page, I compare the player's current average statics with the players who play in the same position, etc. Kobe played in 2012 in LAL but retired after 2016, so in 2017 there is no data for kobe.

If we want to see one player, his career development. For example, Jayson Tatum, his statics change from 2017-2020, how he become above most of the players in the league.

Some features

This number is the hover effect to show the whole rating for this specific player.

The card is consists of 2 ratings, which is one for calculation rate depends on the current year's performance, another one is the dummy rating from the previous season.