Une page de matchs et de résultats liste tous les matchs de votre saison, joués ou encore à jouer, regroupés par date. Les visiteurs peuvent la filtrer par division, coupe ou équipe, et passer des résultats aux prochains matchs.
Vous n'avez pas besoin d'être développeur. Un assistant IA comme ChatGPT ou Claude peut créer la page pour vous à partir des instructions ci-dessous.
Avant de commencer
Votre ligue doit avoir le plan Gold avec l'API activée. Voir Premiers pas avec l'API.
Vous avez besoin de votre identifiant de saison. Comment fonctionne l'API explique comment le trouver.
Pas encore de ligue ? Essayez d'abord le prompt avec la ligue de démonstration de LeagueRepublic : utilisez l'identifiant de saison 153020000.
Comment utiliser le prompt
Copiez le prompt depuis la zone grise ci-dessous.
Indiquez votre identifiant de saison. Remplacez [MY-SEASON-ID] par votre propre numéro.
Indiquez l'apparence souhaitée. Décrivez vos couleurs et votre style, ou joignez une capture d'écran de votre site web ou d'un design qui vous plaît. Une image fonctionne généralement mieux. Si vous ne précisez rien, l'IA choisira un design simple.
Collez-le dans l'assistant IA et envoyez-le.
Ouvrez le fichier qu'il vous donne. Enregistrez-le, puis double-cliquez dessus pour l'ouvrir dans votre navigateur.
Comparez avec le site web de votre ligue. Si quelque chose semble incorrect, dites-le à l'IA avec des mots simples, par exemple « les matchs reportés apparaissent comme des résultats ». Elle le corrigera.
Le prompt
Avant de commencer, lisez la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilisez uniquement les services, les adresses web et les noms de champs qu'elle décrit, et respectez ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le terme « road » qui signifie à l'extérieur. Si vous ne parvenez pas à ouvrir cette adresse, arrêtez-vous et demandez-moi de coller la spécification.
Créez-moi une seule page web (un fichier HTML que je peux ouvrir dans mon navigateur) qui liste tous les matchs de la saison de ma ligue. Mon identifiant de saison est [MY-SEASON-ID].
La page doit : 1. Charger une seule fois tous les matchs de la saison à l'aide du service Get Fixtures For Season, et effectuer tout le filtrage sur la page sans recharger. 2. Avoir deux onglets : « Résultats », du plus récent au plus ancien, et « Calendrier » (matchs encore à jouer), du plus proche au plus lointain. 3. Regrouper les matchs par date, avec la date comme titre. 4. Pour chaque match, afficher l'équipe à domicile, le score ou l'heure du coup d'envoi, l'équipe à l'extérieur, le nom de la division ou de la coupe, le tour de coupe s'il y en a un, et le lieu. 5. Me laisser filtrer par division ou coupe, et par équipe, à l'aide de menus construits à partir des matchs eux-mêmes. 6. Si un match est reporté, l'afficher à la place de l'heure. Placer les matchs dont la date est à confirmer dans leur propre section à la fin de l'onglet Calendrier. Si la date d'un match est passée mais qu'il n'y a pas encore de résultat, afficher « Résultat en attente » à la place de l'heure. 7. Ne pas recharger les données plus d'une fois par minute.
Gardez un design épuré et facile à lire sur un téléphone. Expliquez en étapes simples comment ouvrir et utiliser le fichier. Demandez-moi si quelque chose n'est pas clair.
Design : [DÉCRIVEZ L'APPARENCE SOUHAITÉE, OU JOIGNEZ UNE CAPTURE D'ÉCRAN] |
Si quelque chose ne va pas
Les scores de mi-temps ou de tirs de barrage ne s'affichent pas. Cette liste n'inclut pas ce détail supplémentaire pour le moment. Le hub des matchs et les pages d'équipe, oui.
Un résultat est manquant. Les résultats n'apparaissent qu'une fois approuvés par la ligue.
La page affiche un message d'erreur. Vérifiez votre identifiant de saison et que l'API est activée pour votre ligue.
La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. De nombreux aperçus ne peuvent pas récupérer de données depuis d'autres sites web. Enregistrez le fichier et ouvrez-le plutôt dans votre navigateur.
L'IA dit qu'elle ne peut pas lire la spécification. Ouvrez l'adresse de la spécification dans votre navigateur, sélectionnez tout, copiez-le et collez-le dans l'IA.
Tous les détails du service Get Fixtures For Season se trouvent dans la spécification de l'API.