• Create a single page application in React or Angular(Latest versions) using the attached JSON file as source. Add the JSON file in your source code and make an ajax call to consume to contents. Do not hard code the JSON inside your components.
• The application should have three different views with individual URLs.
o Team view – Landing Page.
§ Display the teams using a container with read only properties to display the Team full name, nickname, and number of players.
§ When clicking on the team container the user should be routed to the team roster view.
o Team Roster view – Second View.
§ Represent each player on the roster with a card containing the following properties:
§ Sort the cards by position then depthOrder.
§ When clicking a player card the user should be routed to the view/edit player view.
o Edit Team Member view - The third view.
§ Each property displayed in the second view should be editable.
§ The user should be able to save or cancel editing a player.
§ If the user saves the player changes, you should keep that information state in memory. Then route the user to back to the roster view with the changes reflected.
Check your code in to a github/bitbucket repository with instructions on how to run the app on local machine.
Angular or React
Any type of component library you like, Material, Bootstrap, etc…
Make your best judgement if you are unsure of a requirement and add your thoughts in code comments
Make the app as beautiful as possible – show off some CSS skills
Unit tests will be nice to have
Feel free to show off your coding skills!
68 freelancere byder i gennemsnit $13/time for dette job
Dear employer, As you can see through my profile, I have much experience in both of react and angular. Please contact me for more detail. Thank you. Regards.