Vai al contenuto principale

Crea una pagina hub delle partite

Usa un assistente IA per creare una pagina che mostra le partite, i punteggi e le classifiche della tua lega per qualsiasi giorno.

Scritto da Pedro Maia

Una pagina hub delle partite mostra tutto ciò che succede nella tua lega in un giorno: le partite, i punteggi e le classifiche, con una barra di date per passare da un giorno all'altro. Assomiglia alla pagina Match Hub del tuo sito web LeagueRepublic, ma il design lo decidi tu.

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 "i punteggi sono invertiti". 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 l'hub delle partite della mia lega, usando il servizio Get Match Hub. L'ID della mia stagione è [ID-DELLA-MIA-STAGIONE].

La pagina deve:

1. Mostrare in alto una barra di giornate di gioco cliccabili, inclusa la voce "da confermare". Ogni giorno mostra quanti risultati e quante partite da giocare contiene. Facendo clic su un giorno, lo carica. Quando la pagina si apre, scorrere la barra in modo che il giorno visualizzato sia visibile.

2. Permettermi di passare da una stagione all'altra.

3. Mostrare le partite del giorno raggruppate sotto il nome di ogni divisione o turno di coppa.

4. Per ogni partita, mostrare la squadra di casa, il punteggio e la squadra in trasferta. Se non è ancora iniziata, mostrare invece l'orario d'inizio. Etichettare i punteggi in diretta con "In diretta" e i risultati non ancora approvati dalla lega con "Provvisorio". Se una partita è rinviata, indicarlo al posto dell'orario. Se la data di una partita è passata ma non c'è ancora un risultato, mostrare "In attesa del risultato" al posto dell'orario.

5. Mostrare in caratteri piccoli eventuali dettagli aggiuntivi del punteggio, come il primo tempo o i rigori. Non ripetere il turno di coppa sotto una partita se è già nel nome del gruppo.

6. Sotto ogni divisione, mostrare la sua classifica: posizione, squadra, giocate, vinte, pareggiate, perse, differenza, punti e forma recente.

7. Se una partita ha incontri individuali (freccette, biliardo) o punteggi per inning o per quarto, mostrarli in una sezione che posso aprire e chiudere.

8. Salvare ogni giorno dopo averlo caricato e non richiedere lo stesso giorno 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 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 mostra alcun dato. Di' all'IA esattamente cosa vedi. Potrebbe dover cambiare il modo in cui la pagina carica i dati.

  • 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 del servizio Get Match Hub si trovano nella specifica dell'API.

Hai ricevuto la risposta alla tua domanda?