Non-développeur crée un tableau de bord MLB en direct avec Claude AI et Claude Code sur GitHub Codespaces

✍️ OpenClawRadar📅 Publié: March 15, 2026🔗 Source
Non-développeur crée un tableau de bord MLB en direct avec Claude AI et Claude Code sur GitHub Codespaces
Ad

Comment un non-développeur a créé un tableau de bord MLB fonctionnel

Un utilisateur de Reddit avec une expérience minimale en programmation (seulement des connaissances HTML/CSS du lycée) a réussi à créer un tableau de bord MLB en direct en utilisant les outils d'IA Claude. L'utilisateur a commencé sans aucune connaissance de GitHub, des dépôts, des déploiements, des frameworks, ou même des commandes de base comme npm install.

Processus de développement avec les outils Claude

L'utilisateur a combiné deux produits Claude : Claude chat pour l'idéation et Claude Code sur GitHub Codespaces pour l'implémentation. Le flux de travail impliquait :

  • Utiliser Claude chat pour générer une page complète d'instructions de construction pouvant être collées directement dans Claude Code
  • Faire expliquer par Claude la configuration de Node.js et ce qu'est un terminal
  • Obtenir des corrections automatiques quand quelque chose cassait pendant le développement
  • Suivre les conseils pour configurer un dépôt et connecter Claude Code à GitHub Codespaces
  • Configurer GitHub Actions pour extraire les données des sites web
  • Se connecter à Vercel pour l'hébergement
Ad

Fonctionnalités du tableau de bord

Le tableau de bord résultant à mlbhq.vercel.app comprend :

  • Des scores de matchs en direct quand les matchs sont actifs
  • L'affichage des prochains matchs programmés des équipes
  • Les 5 derniers matchs avec des statistiques de match déroulantes
  • Les statistiques d'équipe et de lanceurs de la saison précédente (seront mises à jour quand la nouvelle saison commencera)
  • Les classements et informations sur les effectifs
  • Des rapports de blessures qui extraient la page des rapports de blessures de chaque équipe, montrant le statut des joueurs et les dates de retour prévues

L'utilisateur note que le site a été construit spécifiquement pour créer un tableau de bord avec toutes les informations sur les Yankees, bien qu'il semble couvrir plusieurs équipes. Il reconnaît les problèmes juridiques potentiels liés à l'utilisation des données MLB et à l'accès aux API.

Considérations sur l'environnement de développement

L'utilisateur envisage de télécharger VS Code au lieu de continuer à utiliser exclusivement GitHub Codespaces, suggérant que Codespaces a fourni un environnement de développement suffisant pour ce projet malgré son manque d'expérience préalable.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Comment un bug React useEffect a provoqué des retours haptiques aléatoires et a fait chuter la rétention de l'application
Use Cases

Comment un bug React useEffect a provoqué des retours haptiques aléatoires et a fait chuter la rétention de l'application

Un développeur a ignoré pendant des mois les signalements d'utilisateurs concernant des vibrations aléatoires de l'application, pour finalement découvrir qu'un problème de dépendance dans React useEffect provoquait un retour haptique constant sur les appareils milieu de gamme, faisant chuter la rétention sur 7 jours de 35% à 18%.

OpenClawRadar
SeatBee.app utilise l'IA Claude pour les plans de table de mariage.
Use Cases

SeatBee.app utilise l'IA Claude pour les plans de table de mariage.

SeatBee.app a été créé en utilisant Claude Code avec Claude AI via OpenRouter pour résoudre les problèmes de plan de table de mariage. L'IA gère la satisfaction des contraintes pour 150 invités avec 20 règles, génère un placement optimal en quelques secondes, et comprend les dynamiques sociales comme la création de zones tampons entre les personnes ayant eu une rupture difficile.

OpenClawRadar
OpenClaw et Chorus : Un pipeline de produits construit par deux humains et des agents d'IA en une semaine
Use Cases

OpenClaw et Chorus : Un pipeline de produits construit par deux humains et des agents d'IA en une semaine

OpenClaw et Chorus s'associent pour créer un pipeline de développement de produit où des agents IA gèrent la recherche, la gestion de produit et le codage, tandis que les humains se concentrent sur la proposition d'idées et l'approbation du travail. Le projet a été construit en moins d'une semaine par deux personnes ayant un emploi à temps plein.

OpenClawRadar
L'agent OpenClaw démontre le flux de travail d'escalade de modèle avec Claude Opus.
Use Cases

L'agent OpenClaw démontre le flux de travail d'escalade de modèle avec Claude Opus.

Un développeur décrit comment son agent OpenClaw a reconnu que Codex GPT-5.4 était bloqué sur une tâche de codage, a escaladé le problème vers Claude Opus 4.6 via Antigravity, a discuté de la solution, puis est revenu pour terminer le travail de manière autonome.

OpenClawRadar