Una pàgina de centre de partits mostra tot el que passa a la teva lliga en un dia: els partits, els resultats i les classificacions, amb una franja de dates per passar d'un dia a un altre. S'assembla a la pàgina Match Hub del teu lloc web de LeagueRepublic, però el disseny el decideixes tu.
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
Copia el prompt del requadre gris de sota.
Afegeix l'ID de la teva temporada. Substitueix [EL-MEU-ID-DE-TEMPORADA] pel teu número.
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.
Enganxa'l a l'assistent d'IA i envia'l.
Obre el fitxer que et doni. Desa'l i fes-hi doble clic per obrir-lo al navegador.
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 resultats estan al revés". 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 el centre de partits de la meva lliga, fent servir el servei Get Match Hub. L'ID de la meva temporada és [EL-MEU-ID-DE-TEMPORADA].
La pàgina ha de: 1. Mostra a dalt una franja de jornades on es pugui fer clic, inclosa l'entrada "per confirmar". Cada dia ha de mostrar quants resultats i quants partits per jugar té. En fer clic en un dia, es carrega. Quan s'obri la pàgina, desplaça la franja perquè el dia que es mostra sigui visible. 2. Permet-me canviar de temporada. 3. Mostra els partits del dia agrupats sota el nom de cada divisió o ronda de copa. 4. Per a cada partit, mostra l'equip local, el resultat i l'equip visitant. Si encara no ha començat, mostra l'hora d'inici. Marca els resultats en directe amb "En directe" i els resultats que la lliga encara no ha aprovat amb "Provisional". Si un partit s'ha ajornat, indica-ho en lloc de l'hora. Si la data d'un partit ja ha passat però encara no hi ha resultat, mostra "Pendent de resultat" en lloc de l'hora. 5. Mostra en lletra petita qualsevol detall addicional del resultat, com el descans o els penals. No repeteixis la ronda de copa sota un partit si ja apareix al nom del grup. 6. Sota cada divisió, mostra la seva classificació: posició, equip, jugats, guanyats, empatats, perduts, diferència, punts i forma recent. 7. Quan un partit tingui partides individuals (dards, billar), entrades o resultats per quarts, mostra'ls en una secció que pugui obrir i tancar. 8. Desa cada dia després de carregar-lo i no tornis a demanar el mateix dia abans d'un 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
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 mostra cap dada. Explica a la IA exactament què veus. Potser haurà de canviar la manera com la pàgina carrega les dades.
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 Match Hub són a l'especificació de l'API.