✅ Fetch data from the endpoint https://officeleague.rocks/app/api/graphql
Done.
✅ Parse response and convert it into Typescript data objects which will then be rendered by the app
Done and also had the opportunity to use the "Omit" utility type when defining one of the interfaces!.
✅ The endpoint returns JSON which contains leaguePlayers and leagueTeams arrays, which is what we are interested in.
Ok.
✅ /leaguePlayers - to display a simple list of all league players. It should be possible to click a specific player and get to its details page
Done.
✅ /leaguePlayers/{0} (where {0} is leaguePlayer.id) - to display details on specific league player
Done.
✅ /leagueTeams - to display a specific league team. It should be possible to click a specific team and get to its details page
Done.
✅ /leagueTeams/{0} - (where {0} is leagueTeam.id) - to display details on specific league team
Done.
✅ Additional bonus for implementing a decent navigation to switch between the pages :)
Implemented the navigation and just a basic css with boostrap.
Considering that you have the enonic CLI installed locally, just clone the repo, enter the project folder, run enonic project deploy
. Finally run:
enonic sandbox start
and then access: http://localhost:8080/webapp/xp.webapp.officeleague/