Een competitiestandpagina toont de stand van elke divisie in je league, met een menu om tussen divisies te wisselen. Je kunt de pagina zelfstandig gebruiken of op je website naast je nieuws plaatsen.
Je hoeft geen ontwikkelaar te zijn. Een AI-assistent zoals ChatGPT of Claude kan de pagina voor je bouwen aan de hand van de onderstaande instructies.
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. In Hoe de API werkt lees je hoe je die vindt.
Nog geen league? Probeer de prompt eerst met de demo-league van LeagueRepublic: gebruik seizoens-ID 153020000.
De prompt gebruiken
Kopieer de prompt uit het grijze vak hieronder.
Vul je seizoens-ID in. Vervang [MY-SEASON-ID] door je eigen nummer.
Geef aan hoe het eruit moet zien. Beschrijf je kleuren en stijl, of voeg een screenshot van je website of een ontwerp dat je mooi vindt toe. Een afbeelding werkt meestal het best. Als je niets zegt, kiest de AI een eenvoudig ontwerp.
Plak de prompt in de AI-assistent en verstuur hem.
Open het bestand dat je krijgt. Sla het op en dubbelklik er dan op om het in je browser te openen.
Controleer het met de website van je league. Als iets er verkeerd uitziet, vertel dat dan in gewone woorden aan de AI, bijvoorbeeld "de kolom met punten ontbreekt". De AI past het aan.
De prompt
Lees voordat je begint de LeagueRepublic JSON API-specificatie op https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Gebruik alleen de services, webadressen en veldnamen die erin staan, en volg de regels over de limiet voor verzoeken, lege waarden, fouten en "road" dat uit betekent. Als je dat adres niet kunt openen, stop dan en vraag me de specificatie te plakken.
Bouw 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 [MY-SEASON-ID].
De pagina moet: 1. De service Get Fixture Groups For Season gebruiken om de divisies van het seizoen op te sommen en ze in een menu te tonen. Openen op de eerste divisie. 2. Als ik een divisie kies, de stand ervan tonen met de service Get Standings For Fixture Group. Een divisie alleen laden als ik hem kies. 3. Positie, team, gespeeld, gewonnen, gelijk, verloren, doelpunten voor, doelpunten tegen, verschil en punten tonen, plus de recente vorm als kleine gekleurde badges (gewonnen, gelijk, verloren). 4. Ook de bekers in het menu opnemen, maar een beker pas op standen controleren als ik hem kies. Als hij in groepen wordt gespeeld, toon dan voor elke groep één stand met de naam van de groep erboven. Als hij geen standen heeft, zeg dat dan. 5. Me op een team laten tikken om de rij ervan te markeren. 6. Op een telefoon positie, team, gespeeld, verschil en punten houden en de andere kolommen verbergen. 7. Elke stand opslaan nadat hij is geladen, en dezelfde niet binnen een minuut opnieuw opvragen.
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 onduidelijk is.
Ontwerp: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT] |
Als er iets misgaat
De stand van een divisie staat vol nullen. Die divisie heeft nog geen wedstrijden gespeeld. De stand vult zich zodra er uitslagen zijn ingevoerd.
Er ontbreekt een divisie. Divisies waarvan de standen op de website van je league verborgen zijn, 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 voorbeeldweergaven kunnen geen gegevens van andere websites ophalen. Sla het bestand op en open het in plaats daarvan 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.