Non-développeur crée un tableau de bord MLB en direct avec Claude AI et Claude Code sur GitHub Codespaces
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
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
👀 See Also
Utilisateur non technique crée et déploie un site web avec Claude AI depuis son téléphone.
Un utilisateur sans expérience en programmation a créé et déployé un site web complet depuis son téléphone en une heure grâce à Claude AI. Il a créé un faux écran de chargement de Portal 3 pour un canular du 1er avril en décrivant les exigences en langage clair et en demandant à Claude de générer les spécifications et le code.
Fichier de Compétence Claude Applique la Théorie de la Négociation à la Composition d'Emails
Un développeur a créé un fichier SKILL.md pour Claude qui injecte des cadres de négociation comme le BATNA, l'ancrage et la réciprocité dans la rédaction d'e-mails. La compétence génère 2-3 variantes d'e-mails avec une analyse des compromis au lieu d'une seule réponse générique.
Un utilisateur de Reddit partage une approche basée sur les spécifications pour réduire les hallucinations de code de Claude.
Un développeur sur r/ClaudeAI décrit l'utilisation d'une méthode de spécification structurée pour réduire considérablement les hallucinations avec Claude Code. L'approche consiste à créer des fichiers REQUIREMENTS.md, IMPLEMENTATION_PLAN.md et CLAUDE.md pour maintenir le contexte à travers plusieurs compactions.
Tableau de Bord de Finances Personnelles Construit avec Claude IA : Auto-hébergé avec Google Sheets en Backend
Un développeur a créé un tableau de bord de finances personnelles full-stack utilisant Claude IA qui agrège les investissements en actions, fonds communs de placement, or physique et dépôts à terme. L'application fonctionne sur un PC de rechange, utilise Cloudflare Tunnel pour le service et stocke toutes les données dans les propres Google Sheets de l'utilisateur.