josephjclark
commented
9 months ago Title: New feature: Premier League Standings Table
Overview
Add a premier league standings table to existing application.
Motivation
Our 3 million users have been asking to see the full premier league standings in the app
Layout
The new table will sit at the top of the page, above the existing three tabs.
Contents
The table will list all 20 teams in the Premier League
For each team we will show (in order, left to right)
- Position
- Name
- Points
- Goal Difference
We may come back later and add more columns.
Data and Updates
Right now data is coming from a nodejs fetch request and being saved to JSON.
The table should be updated every day (or, even better, every time a game is played). In a later issue we will explore live or synchronised updates.
Implementation Notes
- Create a new component called
<Standings />
Update
I agree with everything in this design overview but with further tweaks I've would like to contain the html elements within a child component to keep the code clean and simple.
T-Sajad
To implement the live premier league table you need to first fetch the data from an api endpoint. I would then write the data into a json file so i can see the structure of the data. Knowing the structure i can use react and html to display the approriate information for a live prmeier league table.
As you can see from the design the title is the headline of the web application, showing the user what to expect from the platform. The premier league table being the new additon will have 3 columns and 20 rows displaying the standings of all current permier league teams of the 2023/2024 season.The tabs represent different sections of content when clicked.The contents of these tabs include Prmeier leagure fixtures, results and team filter.