Een teampagina toont het seizoen van één team in één oogopslag: de uitslagen met winst, gelijkspel en verlies, en de komende wedstrijden in elke competitie waarin het team speelt. Ze is ideaal voor de website van een club.
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.
Je hebt de naam van het team nodig, precies zoals die op de website van je league staat.
Nog geen league? Probeer de prompt eerst met de demo-league van LeagueRepublic: gebruik seizoens-ID 153020000 en de teamnaam Kings Arms.
De prompt gebruiken
Kopieer de prompt uit het grijze vak hieronder.
Vul je gegevens in. Vervang [MY-SEASON-ID] door je seizoens-ID en [MY-TEAM-NAME] door de naam van het team.
Geef aan hoe het eruit moet zien. Beschrijf de kleuren en stijl van je club, 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 "die wedstrijd was thuis, niet uit". 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 wedstrijden van één team voor het seizoen toont. Mijn seizoens-ID is [MY-SEASON-ID] en het team heet [MY-TEAM-NAME].
De pagina moet: 1. De ID van het team de eerste keer dat de pagina laadt opzoeken in de wedstrijden van het seizoen, en daarna de service Get Fixtures For Team gebruiken. De ID onthouden zodat hij niet opnieuw opgezocht hoeft te worden. 2. De naam van het team als titel gebruiken. 3. De wedstrijden verdelen in "Uitslagen", nieuwste eerst, en "Komend", eerstvolgende eerst. 4. Bij elke wedstrijd de datum, de competitie (en de bekerronde, als die er is), de tegenstander, of het thuis of uit was en de score tonen, met de score van mijn team eerst. 5. Bij uitslagen W, G of V tonen vanuit het oogpunt van het team (gewonnen, gelijk, verloren). Als een wedstrijd gelijk eindigde en door strafschoppen werd beslist, toon dan wie de strafschoppenserie won in plaats van G, met de score van de strafschoppenserie. 6. Extra scoredetails, zoals de ruststand, in kleine tekst tonen. 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. 7. De gegevens niet vaker dan één keer per minuut opnieuw laden.
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 zegt dat het team niet gevonden kan worden. Controleer of de teamnaam precies zo is geschreven als op de website van je league en of het team in dat seizoen speelt.
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 Get Fixtures For Team-service staan in de API-specificatie.