Vai al contenuto principale

Crea una classifica della lega

Usa un assistente AI per creare una pagina che mostri le classifiche della tua lega, con un menu per cambiare divisione.

Scritto da Pedro Maia

Una pagina con la classifica della lega mostra la classifica di ogni divisione della tua lega, con un menu per passare dall'una all'altra. Puoi usarla da sola oppure metterla sul tuo sito web accanto alle tue notizie.

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 "manca la colonna dei punti". 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 mostri le classifiche della mia lega. L'ID della mia stagione è [MY-SEASON-ID].

La pagina deve:

1. Usare il servizio Get Fixture Groups For Season per elencare le divisioni della stagione e mostrarle in un menu. Aprirsi sulla prima divisione.

2. Quando scelgo una divisione, mostrare la sua classifica usando il servizio Get Standings For Fixture Group. Caricare una divisione solo quando la scelgo.

3. Mostrare posizione, squadra, giocate, vinte, pareggiate, perse, gol fatti, gol subiti, differenza e punti, più la forma recente come piccoli badge colorati (vittoria, pareggio, sconfitta).

4. Elencare nel menu anche le coppe, ma controllare se una coppa ha classifiche solo quando la scelgo. Se si gioca a gironi, mostrare una classifica per ogni girone con il nome del girone sopra. Se non ha classifiche, dirlo.

5. Permettermi di toccare una squadra per evidenziare la sua riga.

6. Su un telefono, mantenere posizione, squadra, giocate, differenza e punti e nascondere le altre colonne.

7. Salvare ogni classifica dopo averla caricata e non richiedere la stessa entro un 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

  • La classifica di una divisione è tutta a zero. Quella divisione non ha ancora giocato nessuna partita. Si riempie non appena vengono inseriti i risultati.

  • Manca una divisione. Le divisioni con la classifica nascosta sul sito web della tua lega sono nascoste anche qui.

  • 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 dei servizi usati qui si trovano nella specifica dell'API.

Hai ricevuto la risposta alla tua domanda?