Vai al contenuto principale

Crea una classifica della lega

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

Scritto da Pedro Maia

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

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

Prima di iniziare

  • La tua lega deve avere il piano Oro con l'API attivata. Consulta Iniziare con l'API.

  • Ti serve l'ID della tua stagione. Come funziona l'API spiega come trovarlo.

  • Non hai ancora una lega? Prova prima il prompt con la lega dimostrativa 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 [ID-DELLA-MIA-STAGIONE] con il tuo numero.

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

  4. Incollalo nell'assistente IA e invialo.

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

  6. Confrontalo con il sito web della tua lega. Se qualcosa non sembra giusto, dillo all'IA con parole semplici, ad esempio "manca la colonna dei punti". Lo 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 dei campi che descrive, e rispetta le sue regole sul limite di richieste, sui valori vuoti, sugli errori e sul fatto che "road" significa in trasferta. Se non riesci ad aprire quell'indirizzo, fermati e chiedimi di incollare la specifica.

Creami una singola pagina web (un file HTML che posso aprire nel mio browser) che mostri le classifiche della mia lega. L'ID della mia stagione è [ID-DELLA-MIA-STAGIONE].

La pagina deve:

1. Usare il servizio Get Fixture Groups For Season per elencare le divisioni della stagione e mostrarle in un menu. Aprire 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, punti fatti, punti subiti, differenza e punti, più la forma recente come piccoli badge colorati (vinta, pareggiata, persa).

4. Elencare anche le coppe nel menu, 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 evidenziarne la 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 di nuovo entro un minuto.

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

Design: [DESCRIVI L'ASPETTO CHE VUOI OPPURE ALLEGA UNO SCREENSHOT]

Se qualcosa non funziona

  • La classifica di una divisione è tutta a zero. Quella divisione non ha ancora giocato nessuna partita. Si riempirà quando verranno 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'IA. Molte anteprime non possono recuperare dati da altri siti web. Salva il file e aprilo nel browser.

  • L'IA dice che non riesce a leggere la specifica. Apri l'indirizzo della specifica nel browser, seleziona tutto, copialo e incollalo nell'IA.

Tutti i dettagli dei servizi usati qui si trovano nella specifica dell'API.

Hai ricevuto la risposta alla tua domanda?