PL-Standings Implementation

[T-Sajad]

Changes

• Added another fecth request to get the pl standings data from the api endpoint
• Data from the fecth request is stored in a JSON file
• Created react component named standingsList.jsx
• Used the javascript map prototype to iterate over the data in the JSON file and create new array of consisiting premier team names , points and goal difference
• Created a child react component named standings to contain the html and structure for the premeir league table. This was possible by passing the standing prop down to the child component.

Future updates

• Its possible to further clean the code and refactor
• Need to implement a fetaure where the premeir league table updates every game day

Challenges

• Trying to access the arrays in the json respsonse.

Link to the issue and design below: https://github.com/T-Sajad/football-scores-app/issues/2#issuecomment-1794929887

[josephjclark]

Thank you @T-Sajad, this looks much better.

I'll have a look at the code in the morning, but first, an idea (based on your very helpful screenshot). How about putting the table on the left, and the tabs on the right ? A side-by-side layout, rather than top/bottom as you have now?