Een wedstrijdcentrum-pagina toont alles wat er op één dag in je league gebeurt: de wedstrijden, de scores en de standen, met een datumbalk 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 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 scores staan verkeerd om". 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 het wedstrijdcentrum van mijn league toont, met de service Get Match Hub. Mijn seizoens-ID is [MY-SEASON-ID].
De pagina moet: 1. Bovenaan een balk met aanklikbare speeldagen tonen, inclusief het item "nog te bevestigen". Elke dag toont hoeveel uitslagen en nog te spelen wedstrijden hij heeft. Als je op een dag klikt, wordt die geladen. Scroll de balk bij het openen van de pagina zo dat de getoonde dag zichtbaar is. 2. Me laten wisselen tussen seizoenen. 3. De wedstrijden van de dag tonen, gegroepeerd onder de naam van elke divisie of bekerronde. 4. Bij elke wedstrijd het thuisteam, de score en het uitteam tonen. Als de wedstrijd nog niet is begonnen, toon dan in plaats daarvan 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 dan in plaats van een tijd. Als de datum van een wedstrijd is verstreken maar er nog geen uitslag is, toon dan "Wacht op uitslag" in plaats van een tijd. 5. Extra scoredetails, zoals de ruststand of strafschoppen, in kleine tekst tonen. Herhaal de bekerronde niet onder een wedstrijd als die al in de naam van de groep staat. 6. Onder elke divisie de competitiestand tonen: positie, team, gespeeld, gewonnen, gelijk, verloren, verschil, punten en recente vorm. 7. Als een wedstrijd losse partijen (darts, pool) of innings- of kwartscores heeft, die tonen in een onderdeel dat ik kan openen en sluiten. 8. Elke dag opslaan nadat hij is geladen, en dezelfde dag 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 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. Mogelijk moet hij aanpassen hoe de pagina de gegevens laadt.
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 Get Match Hub-service staan in de API-specificatie.