Une page des matchs et résultats liste tous les matchs de votre saison, joués ou à jouer, regroupés par date. Les visiteurs peuvent la filtrer par division, coupe ou équipe, et passer des résultats aux prochains matchs.
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 Or avec l'API activée. Consultez Premiers pas avec l'API.
Vous avez besoin de l'ID de votre saison. L'article 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'ID de saison 153020000.
Comment utiliser le prompt
Copiez le prompt de l'encadré gris ci-dessous.
Indiquez l'ID de votre saison. Remplacez [ID-DE-MA-SAISON] par votre propre numéro.
Dites quel style vous voulez. 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 le mieux. Si vous ne dites 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-le avec le site web de votre ligue. Si quelque chose ne va pas, 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, lis la spécification de l'API JSON de LeagueRepublic à l'adresse https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilise uniquement les services, adresses web et noms de champs qu'elle décrit, et respecte ses règles sur la limite de requêtes, les valeurs vides, les erreurs et le fait que "road" signifie à l'extérieur. Si tu ne peux pas ouvrir cette adresse, arrête-toi et demande-moi de coller la spécification.
Crée-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. L'ID de ma saison est [ID-DE-MA-SAISON].
La page doit : 1. Charger une seule fois tous les matchs de la saison à l'aide du service Get Fixtures For Season, et faire 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 permettre de filtrer par division ou coupe, et par équipe, avec des menus créés à partir des matchs eux-mêmes. 6. Si un match est reporté, l'indiquer à la place de l'heure. Mettre 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 « En attente du résultat » à la place de l'heure. 7. Ne pas recharger les données plus d'une fois par minute.
Garde un design épuré et facile à lire sur un téléphone. Explique en étapes simples comment ouvrir et utiliser le fichier. Pose-moi des questions si quelque chose n'est pas clair.
Design : [DÉCRIVEZ LE STYLE SOUHAITÉ OU JOIGNEZ UNE CAPTURE D'ÉCRAN] |
En cas de problème
Les scores de mi-temps ou de tirs au but ne s'affichent pas. Cette liste n'inclut pas ce détail supplémentaire pour le moment. Les pages centre des matchs et d'équipe, si.
Un résultat est manquant. Les résultats n'apparaissent qu'une fois validés par la ligue.
La page affiche un message d'erreur. Vérifiez l'ID de votre saison et que l'API est bien activée pour votre ligue.
La page ne fonctionne pas dans la fenêtre d'aperçu de l'IA. Beaucoup d'aperçus ne peuvent pas récupérer de données sur 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 et collez le tout dans l'IA.
Tous les détails du service Get Fixtures For Season se trouvent dans la spécification de l'API.