nhl profile dashboard
Create an NHL team and player profile page. The separation of concerns, number of components, and general approach is entirely up to you. Likewise the layout, design, amount of data displayed is up to you. However the following functionality is required.
-
A user can select which team they are interested in viewing.
-
A user can deep link to a team profile.
-
A user can deep link to a player profile.
-
A team profile should at least include the following:
- The Team Name
- Team Logo*
- Team Conference
- Team Division
- And some way to access/see the current roster
-
A Player Profile should include at least the following:
- Player Name
- Player Headshot**
- Current Team
- Player Age
- Player Number
- Player Position
- Player Shooting/catching hand
- Player Nationality
- Player Captain Status (i.e. is a captain or alternate captain)
- If the player is a rookie
*Team logos can be constructed via the following convention: http://www-league.nhlstatic.com/nhl.com/builds/site-core/d1b262bacd4892b22a38e8708cdb10c8327ff73e_1579810224/images/logos/team/current/team-{teamId}-light.svg
**Player Headshots can be constructed via the following convention:
https://nhl.bamcontent.com/images/headshots/current/168X168/{playerId}.jpg https://nhl.bamcontent.com/images/headshots/current/168X168/{playerId}@2x.jpg https://nhl.bamcontent.com/images/headshots/current/168X168/{playerId}@3x.jpg https://assets.nhle.com/mugs/nhl/20192020/{team_abbreviation}/{playerId}.png
A nice to have would be a client side team and/or player search.
This exercise will serve as our inital evaluation of your development skills, it will also be a center-piece to further conversations we will have with you. We respect your time and the fact that you have a life and possibly a day-job, so put in as much time as you feel will be a fair representation of your skills. However, this exercise is purposefully open ended and can be an opportunity for you to show off. Hopefully this is something you can have fun with.
While the approach you take to meeting the above objectives is up to you, here are a couple of things we will expect:
- The app should be developed using React
- There should be a basic readme included.
- There should be tests.
- We should be able to run this locally (provide instructions if need be).
Please do not create a pull-request against this repository; you should create your own project/repository. Also--while not required--it would be nice to have access to your commit history (i.e. don't squash) through github. However if you are not comforatble with this for any reason, submitting a zip file with the contents of the project is acceptable as well.