Een standenpagina toont de stand van elke divisie in je league, met een menu om ertussen te wisselen. Je kunt hem los gebruiken of op je website naast je nieuws zetten.
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 kolom met punten ontbreekt". 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 de standen van mijn league toont. Mijn seizoens-ID is [MIJN-SEIZOENS-ID].
De pagina moet: 1. Gebruik de service Get Fixture Groups For Season om de divisies van het seizoen op te halen en toon ze in een menu. Open met de eerste divisie. 2. Als ik een divisie kies, toon dan de stand met de service Get Standings For Fixture Group. Laad een divisie pas als ik hem kies. 3. Toon positie, team, gespeeld, gewonnen, gelijk, verloren, doelpunten voor, doelpunten tegen, doelsaldo en punten, plus de recente vorm als kleine gekleurde labels (gewonnen, gelijk, verloren). 4. Zet de bekers ook in het menu, maar controleer pas of een beker standen heeft als ik hem kies. Als hij in groepen wordt gespeeld, toon dan één stand per groep met de naam van de groep erboven. Als hij geen standen heeft, zeg dat dan. 5. Laat me op een team tikken om de rij ervan te markeren. 6. Toon op een telefoon positie, team, gespeeld, doelsaldo en punten, en verberg de andere kolommen. 7. Bewaar elke stand na het laden en vraag dezelfde stand 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 stand van een divisie staat helemaal op nul. Die divisie heeft nog geen wedstrijden gespeeld. De stand vult zich zodra er uitslagen zijn ingevoerd.
Er ontbreekt een divisie. Divisies waarvan de stand op je league-website verborgen is, zijn hier ook verborgen.
De pagina toont een foutmelding. Controleer je seizoens-ID en of de API voor je league is ingeschakeld.
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 services die hier worden gebruikt staan in de API-specificatie.