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 spostarsi 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 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
Copia il prompt dal riquadro grigio qui sotto.
Inserisci l'ID della tua stagione. Sostituisci [MY-SEASON-ID] con il tuo numero.
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.
Incollalo nell'assistente AI e invialo.
Apri il file che ti dà. Salvalo, poi fai doppio clic per aprirlo nel browser.
Confrontalo con il sito web della tua lega. Se qualcosa sembra sbagliato, dillo all'AI con parole semplici, per 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 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 l'hub delle partite della mia lega, usando il servizio Get Match Hub. L'ID della mia stagione è [MY-SEASON-ID].
La pagina deve: 1. Mostrare in alto una barra di giornate di gioco cliccabili, inclusa la voce "da confermare". Ogni giorno indica quanti risultati e quante partite da giocare ha. Cliccando su un giorno, questo viene caricato. All'apertura della pagina, scorrere la barra in modo che il giorno mostrato 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 ospite. Se non è ancora iniziata, mostrare invece l'orario di inizio. Etichettare i punteggi in diretta con "In diretta" e i risultati che la lega non ha ancora approvato con "Provvisorio". Se una partita è rinviata, mostrare questo 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. Quando una partita ha singole sfide (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 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 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. Dì all'AI esattamente cosa vedi. Potrebbe dover cambiare il modo in cui la pagina carica i dati.
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 Match Hub si trovano nella specifica dell'API.