Ves al contingut principal

Crea una llista de partits i resultats

Fes servir un assistent d'IA per crear una pàgina amb tots els partits de la teva temporada, amb filtres per competició i equip.

Escrit per Pedro Maia

Una pàgina de partits i resultats mostra tots els partits de la teva temporada, jugats i per jugar, agrupats per data. Els visitants la poden filtrar per divisió, copa o equip, i canviar entre resultats i propers partits.

No cal que siguis desenvolupador. Un assistent d'IA com ChatGPT o Claude pot crear la pàgina per tu a partir de les instruccions de sota.

Abans de començar

  • La teva lliga necessita el pla Gold amb l'API activada. Consulta Primers passos amb l'API.

  • Necessites l'ID de la teva temporada. L'article Com funciona l'API explica com trobar-lo.

  • Encara no tens lliga? Prova primer el prompt amb la lliga de demostració de LeagueRepublic: fes servir l'ID de temporada 153020000.

Com fer servir el prompt

  1. Copia el prompt del requadre gris de sota.

  2. Afegeix l'ID de la teva temporada. Substitueix [EL-MEU-ID-DE-TEMPORADA] pel teu número.

  3. Indica quin aspecte vols. Descriu els teus colors i el teu estil, o adjunta una captura de pantalla del teu lloc web o d'un disseny que t'agradi. Una imatge sol funcionar millor. Si no dius res, la IA triarà un disseny senzill.

  4. Enganxa'l a l'assistent d'IA i envia'l.

  5. Obre el fitxer que et doni. Desa'l i fes-hi doble clic per obrir-lo al navegador.

  6. Compara'l amb el lloc web de la teva lliga. Si alguna cosa no està bé, digues-ho a la IA amb paraules senzilles, per exemple "els partits ajornats surten com a resultats". Ho corregirà.

El prompt

Abans de començar, llegeix l'especificació de l'API JSON de LeagueRepublic a https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Fes servir només els serveis, les adreces web i els noms de camp que descriu, i segueix les seves regles sobre el límit de peticions, els valors buits, els errors i que "road" vol dir fora. Si no pots obrir aquesta adreça, atura't i demana'm que enganxi l'especificació.

Crea'm una única pàgina web (un fitxer HTML que pugui obrir al navegador) que mostri tots els partits de la temporada de la meva lliga. L'ID de la meva temporada és [EL-MEU-ID-DE-TEMPORADA].

La pàgina ha de:

1. Carrega tots els partits de la temporada una sola vegada, fent servir el servei Get Fixtures For Season, i fes tot el filtratge a la pàgina sense tornar a carregar.

2. Posa-hi dues pestanyes: "Resultats", del més recent al més antic, i "Calendari" (partits per jugar), del més proper al més llunyà.

3. Agrupa els partits per data, amb la data com a encapçalament.

4. Per a cada partit, mostra l'equip local, el resultat o l'hora d'inici, l'equip visitant, el nom de la divisió o de la copa, la ronda de copa si n'hi ha, i el camp.

5. Permet-me filtrar per divisió o copa, i per equip, amb menús creats a partir dels mateixos partits.

6. Si un partit s'ha ajornat, indica-ho en lloc de l'hora. Posa els partits amb data per confirmar en una secció pròpia al final de la pestanya Calendari. Si la data d'un partit ja ha passat però encara no hi ha resultat, mostra "Pendent de resultat" en lloc de l'hora.

7. No tornis a carregar les dades més d'una vegada per minut.

Mantén el disseny net i fàcil de llegir en un mòbil. Explica'm en passos senzills com obrir i fer servir el fitxer. Pregunta'm si alguna cosa no està clara.

Disseny: [DESCRIU L'ASPECTE QUE VOLS O ADJUNTA UNA CAPTURA DE PANTALLA]

Si alguna cosa no funciona

  • No es mostren els resultats al descans ni de penals. De moment, aquesta llista no inclou aquests detalls addicionals. Les pàgines del centre de partits i d'equip sí que els inclouen.

  • Falta un resultat. Els resultats només apareixen quan la lliga els ha aprovat.

  • La pàgina mostra un missatge d'error. Comprova l'ID de la teva temporada i que l'API estigui activada per a la teva lliga.

  • La pàgina no funciona a la finestra de previsualització de la IA. Moltes previsualitzacions no poden obtenir dades d'altres llocs web. Desa el fitxer i obre'l al navegador.

  • La IA diu que no pot llegir l'especificació. Obre l'adreça de l'especificació al navegador, selecciona-ho tot, copia-ho i enganxa-ho a la IA.

Tots els detalls del servei Get Fixtures For Season són a l'especificació de l'API.

Respon això a la vostra pregunta?