Een wedstrijdcentrum-pagina laat alles zien wat er op één dag in je league gebeurt: de wedstrijden, de uitslagen en de standen, met een strook datums om tussen dagen te wisselen. Ze lijkt op de Match Hub-pagina op je LeagueRepublic-website, maar jij bepaalt het ontwerp.
Je hoeft geen ontwikkelaar te zijn. Een AI-assistent zoals ChatGPT of Claude kan de pagina voor je maken met de instructies hieronder.
Voordat je begint
Je league heeft het Gold-plan nodig, met de API ingeschakeld. Zie Aan de slag met de API.
Je hebt je seizoens-ID nodig. Hoe de API werkt laat zien hoe je die vindt.
Nog geen league? Probeer de prompt eerst met de demoleague van LeagueRepublic: gebruik seizoens-ID 153020000.
Zo gebruik je de prompt
Kopieer de prompt uit het grijze vak hieronder.
Vul je seizoens-ID in. Vervang [MIJN-SEIZOENS-ID] door je eigen nummer.
Zeg hoe het eruit moet zien. Beschrijf je kleuren en stijl, of voeg een screenshot toe van je website of van een ontwerp dat je mooi vindt. Een afbeelding werkt meestal het best. Als je niets zegt, kiest de AI een eenvoudig ontwerp.
Plak hem in de AI-assistent en verstuur hem.
Open het bestand dat je krijgt. Sla het op en dubbelklik erop om het in je browser te openen.
Vergelijk het met je league-website. Als er iets niet klopt, zeg het de AI in gewone woorden, bijvoorbeeld "de scores staan verkeerd om". Hij lost het op.
De prompt
Lees voordat je begint de specificatie van de LeagueRepublic JSON API op https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Gebruik alleen de services, webadressen en veldnamen die daarin staan, en volg de regels over de limiet op het aantal verzoeken, lege waarden, fouten en dat "road" uit betekent. Als je dat adres niet kunt openen, stop dan en vraag me de specificatie te plakken.
Maak een enkele webpagina voor me (één HTML-bestand dat ik in mijn browser kan openen) die het wedstrijdcentrum van mijn league toont, met de service Get Match Hub. Mijn seizoens-ID is [MIJN-SEIZOENS-ID].
De pagina moet: 1. Toon bovenaan een strook met klikbare speeldagen, inclusief de optie "nog te bevestigen". Elke dag toont hoeveel uitslagen en nog te spelen wedstrijden hij heeft. Klikken op een dag laadt die dag. Scroll de strook bij het openen van de pagina zo dat de getoonde dag zichtbaar is. 2. Laat me wisselen tussen seizoenen. 3. Toon de wedstrijden van de dag gegroepeerd onder de naam van elke divisie of bekerronde. 4. Toon bij elke wedstrijd het thuisteam, de score en het uitteam. Als de wedstrijd nog niet begonnen is, toon dan de aftraptijd. Label live scores met "Live" en uitslagen die de league nog niet heeft goedgekeurd met "Voorlopig". Als een wedstrijd is uitgesteld, toon dat in plaats van een tijd. Als de datum van een wedstrijd voorbij is maar er nog geen uitslag is, toon dan "Wacht op uitslag" in plaats van een tijd. 5. Toon extra scoredetails, zoals de ruststand of strafschoppen, in kleine letters. Herhaal de bekerronde niet onder een wedstrijd als die al in de naam van de groep staat. 6. Toon onder elke divisie de stand: positie, team, gespeeld, gewonnen, gelijk, verloren, doelsaldo, punten en recente vorm. 7. Als een wedstrijd losse partijen (darts, pool) of innings- of kwartscores heeft, toon die dan in een sectie die ik kan openen en sluiten. 8. Bewaar elke dag na het laden en vraag dezelfde dag niet binnen een minuut opnieuw op.
Houd het ontwerp overzichtelijk en goed leesbaar op een telefoon. Leg in eenvoudige stappen uit hoe ik het bestand open en gebruik. Vraag het me als iets niet duidelijk is.
Ontwerp: [BESCHRIJF HOE HET ERUIT MOET ZIEN, OF VOEG EEN SCREENSHOT TOE] |
Als er iets misgaat
De pagina toont een foutmelding. Controleer je seizoens-ID en of de API voor je league is ingeschakeld.
De pagina toont helemaal geen gegevens. Vertel de AI precies wat je ziet. Misschien moet hij aanpassen hoe de pagina de gegevens laadt.
De pagina werkt niet in het voorbeeldvenster van de AI. Veel voorbeeldvensters kunnen geen gegevens van andere websites ophalen. Sla het bestand op en open het in je browser.
De AI zegt dat hij de specificatie niet kan lezen. Open het adres van de specificatie in je browser, selecteer alles, kopieer het en plak het in de AI.
Alle details van de Get Match Hub-service staan in de API-specificatie.