Vai al contenuto principale

Crea un elenco di partite e risultati

Usa un assistente AI per creare una pagina che elenchi ogni partita della tua stagione, con filtri per competizione e squadra.

Scritto da Pedro Maia

Una pagina di calendario e risultati elenca ogni partita della tua stagione, giocata e ancora da giocare, raggruppata per data. I visitatori possono filtrarla per divisione, coppa o squadra e passare dai risultati alle prossime partite.

Non devi essere uno sviluppatore. Un assistente AI come ChatGPT o Claude può creare la pagina per te seguendo le istruzioni qui sotto.

Prima di iniziare

  • La tua lega ha bisogno del piano Gold con l'API attivata. Consulta Iniziare con l'API.

  • Ti serve l'ID della tua stagione. L'articolo Come funziona l'API mostra come trovarlo.

  • Non hai ancora una lega? Prova prima il prompt con la lega demo di LeagueRepublic: usa l'ID stagione 153020000.

Come usare il prompt

  1. Copia il prompt dal riquadro grigio qui sotto.

  2. Inserisci l'ID della tua stagione. Sostituisci [MY-SEASON-ID] con il tuo numero.

  3. Descrivi l'aspetto che vuoi. Descrivi i tuoi colori e lo stile, oppure allega uno screenshot del tuo sito web o di un design che ti piace. Un'immagine di solito funziona meglio. Se non dici nulla, l'AI sceglierà un design semplice.

  4. Incollalo nell'assistente AI e invialo.

  5. Apri il file che ti dà. Salvalo, poi fai doppio clic per aprirlo nel browser.

  6. Confrontala con il sito web della tua lega. Se qualcosa sembra sbagliato, dillo all'AI con parole semplici, per esempio "le partite rinviate compaiono come risultati". La correggerà.

Il prompt

Prima di iniziare, leggi la specifica della JSON API di LeagueRepublic all'indirizzo https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Usa solo i servizi, gli indirizzi web e i nomi di campo che descrive, e segui le sue regole su limite di richieste, valori vuoti, errori e sul significato di "road" come ospite. Se non riesci ad aprire quell'indirizzo, fermati e chiedimi di incollare la specifica.

Creami una singola pagina web (un solo file HTML che posso aprire nel browser) che elenchi ogni partita della stagione della mia lega. L'ID della mia stagione è [MY-SEASON-ID].

La pagina deve:

1. Caricare una sola volta tutte le partite della stagione, usando il servizio Get Fixtures For Season, ed eseguire tutto il filtraggio nella pagina senza ricaricare.

2. Avere due schede: "Risultati", dal più recente, e "Calendario" (le partite ancora da giocare), dalla più vicina.

3. Raggruppare le partite per data, con la data come titolo.

4. Per ogni partita, mostrare la squadra di casa, il punteggio o l'orario di inizio, la squadra ospite, il nome della divisione o della coppa, il turno di coppa se c'è e l'impianto.

5. Permettermi di filtrare per divisione o coppa e per squadra, usando menu costruiti a partire dalle partite stesse.

6. Se una partita è rinviata, mostrare questo al posto dell'orario. Mettere le partite la cui data è da confermare in una sezione a parte alla fine della scheda Calendario. Se la data di una partita è passata ma non c'è ancora un risultato, mostrare "In attesa del risultato" al posto dell'orario.

7. Non ricaricare i dati più di una volta al minuto.

Mantieni il design pulito e facile da leggere su un telefono. Spiega in semplici passaggi come aprire e usare il file. Chiedimi se qualcosa non è chiaro.

Design: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Se qualcosa va storto

  • I punteggi del primo tempo o dei rigori non compaiono. Questo elenco al momento non include quei dettagli aggiuntivi. L'hub delle partite e le pagine delle squadre sì.

  • Manca un risultato. I risultati compaiono solo dopo che la lega li ha approvati.

  • La pagina mostra un messaggio di errore. Controlla l'ID della tua stagione e che l'API sia attivata per la tua lega.

  • La pagina non funziona nella finestra di anteprima dell'AI. Molte anteprime non possono recuperare dati da altri siti web. Salva il file e aprilo invece nel browser.

  • L'AI dice di non riuscire a leggere la specifica. Apri l'indirizzo della specifica nel browser, seleziona tutto, copialo e incollalo nell'AI.

Tutti i dettagli del servizio Get Fixtures For Season si trovano nella specifica dell'API.

Hai ricevuto la risposta alla tua domanda?