Nicht-Programmierer erstellt Live-MLB-Dashboard mit Claude AI und Claude Code auf GitHub Codespaces

Wie ein Nicht-Entwickler ein funktionales MLB-Dashboard erstellte

Ein Reddit-Nutzer mit minimaler Programmiererfahrung (nur HTML/CSS-Kenntnisse aus der Schulzeit) hat erfolgreich ein Live-MLB-Dashboard mit Claude AI-Tools erstellt. Der Nutzer begann ohne Kenntnisse von GitHub, Repositories, Deployments, Frameworks oder sogar grundlegenden Befehlen wie npm install.

Entwicklungsprozess mit Claude-Tools

Der Nutzer kombinierte zwei Claude-Produkte: Claude Chat für die Ideenfindung und Claude Code auf GitHub Codespaces für die Umsetzung. Der Arbeitsablauf umfasste:

• Verwendung von Claude Chat, um eine ganze Seite mit Build-Anweisungen zu generieren, die direkt in Claude Code eingefügt werden konnten
• Claude führte durch die Einrichtung von Node.js und erklärte, was ein Terminal ist
• Automatische Fehlerbehebungen, wenn während der Entwicklung etwas kaputtging
• Anleitung zum Einrichten eines Repositorys und Verbinden von Claude Code mit GitHub Codespaces
• Einrichtung von GitHub Actions zum Abrufen von Website-Daten
• Verbindung zu Vercel für das Hosting

Dashboard-Funktionen

Das resultierende Dashboard unter mlbhq.vercel.app enthält:

• Live-Spielergebnisse bei aktiven Spielen
• Anzeige der nächsten geplanten Spiele der Teams
• Letzte 5 Spiele mit aufklappbaren Spielstatistiken
• Teamstatistiken und Pitching-Statistiken aus der vorherigen Saison (werden aktualisiert, wenn die neue Saison beginnt)
• Tabellenplatzierungen und Kaderinformationen
• Verletzungsberichte, die die Verletzungsberichtsseiten jedes Teams abrufen und Spielerstatus sowie voraussichtliche Rückkehrtermine anzeigen

Der Nutzer merkt an, dass die Website speziell erstellt wurde, um ein Dashboard mit allen Informationen über die Yankees zu erstellen, obwohl sie mehrere Teams abzudecken scheint. Sie erkennen potenzielle rechtliche Probleme bei der Verwendung von MLB-Daten und API-Zugriff an.

Überlegungen zur Entwicklungsumgebung

Der Nutzer überlegt, ob er VS Code herunterladen soll, anstatt weiterhin ausschließlich GitHub Codespaces zu verwenden, was darauf hindeutet, dass Codespaces trotz mangelnder Vorerfahrung eine ausreichende Entwicklungsumgebung für dieses Projekt bot.