בניית עמוד מרכז משחקים

לפני שתתחיל, קרא את מפרט ה-JSON API של LeagueRepublic בכתובת https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. השתמש רק בשירותים, בכתובות האינטרנט ובשמות השדות שהוא מתאר, ופעל לפי הכללים שלו בנוגע למגבלת הבקשות, ערכים ריקים, שגיאות והמשמעות של "road" כקבוצה אורחת. אם אינך מצליח לפתוח את הכתובת הזו, עצור ובקש ממני להדביק את המפרט.

בנה לי עמוד אינטרנט אחד (קובץ HTML אחד שאוכל לפתוח בדפדפן) שמציג את מרכז המשחקים של הליגה שלי, באמצעות השירות Get Match Hub. מזהה העונה שלי הוא [MY-SEASON-ID].

העמוד צריך:

1. להציג בראש העמוד פס של ימי משחקים שאפשר ללחוץ עליהם, כולל הערך "ימתין לאישור". כל יום מציג כמה תוצאות וכמה משחקים לשחק יש בו. לחיצה על יום טוענת אותו. כשהעמוד נפתח, לגלול את הפס כך שהיום המוצג יהיה גלוי.

2. לאפשר לי לעבור בין עונות.

3. להציג את משחקי היום מקובצים תחת שם כל מחלקה או סבב גביע.

4. להציג לכל משחק את הקבוצה המארחת, את התוצאה ואת הקבוצה האורחת. אם המשחק עוד לא התחיל, להציג במקום זאת את שעת הפתיחה. לסמן תוצאות חיות בתווית "Live" ותוצאות שהליגה עוד לא אישרה בתווית "זמני". אם משחק נדחה, להציג זאת במקום שעה. אם תאריך המשחק עבר אבל אין עדיין תוצאה, להציג "ממתין לתוצאה" במקום שעה.

5. להציג כל פרט תוצאה נוסף, כמו מחצית או פנדלים, בטקסט קטן. לא לחזור על סבב הגביע מתחת למשחק אם הוא כבר מופיע בשם הקבוצה.

6. להציג מתחת לכל מחלקה את טבלת הליגה שלה: מקום, קבוצה, משחקים, ניצחונות, תיקו, הפסדים, הפרש, נקודות ומצב אחרון.

7. כשיש במשחק משחקונים בודדים (חצים, פול), אינינגים או תוצאות רבעים, להציג אותם באזור שאפשר לפתוח ולסגור.

8. לשמור כל יום אחרי שנטען, ולא לבקש את אותו יום שוב בתוך דקה.

שמור על עיצוב נקי וקל לקריאה בטלפון. הסבר בשלבים פשוטים איך לפתוח את הקובץ ולהשתמש בו. שאל אותי אם משהו לא ברור.

עיצוב: [תאר את המראה שאתה רוצה, או צרף צילום מסך]