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.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Claude Artifacts als Präsentations-Builder: Vollständiger Kontext + Marken-Assets
Verwenden Sie Claude mit Codebasis-Kontext, Browserzugriff auf Branding (Brandfetch) und beliebte Designbibliotheken, um über Artifacts eine reine HTML/JS/CSS-Präsentation zu erstellen – eine elegante, remixbare Präsentation ohne Google Slides oder PowerPoint.
Einsatz von OpenClaw zur Trennung von Geschäfts- und Privatfinanzen: Ein Ansatz für Einzelanwender
Ein alleinpraktizierender Zahnarzt beschreibt, wie er OpenClaw dazu brachte, geschäftliche und private Banktransaktionen nicht mehr zu vermischen, indem er Abweichungen markiert, anstatt sie zwangsweise abzugleichen.
Verwenden von Claude Code zur Behebung von OpenClaw-Konfigurationsproblemen
Ein Entwickler nutzte Claude Code, um OpenClaw-Einstellungen, Heartbeat, Speicher, Cron-Jobs und andere Konfigurationsprobleme zu beheben, nachdem manuelle Einrichtung und Versionswechsel fehlgeschlagen waren.
BeanWhisperer: OpenClaw AI-Tool erstellt GaggiMate-Druckprofile aus Kaffeebohnen-Informationen
BeanWhisperer ist ein Open-Source-Tool, das OpenClaw AI nutzt, um Kaffeebohneninformationen zu analysieren und automatisch GaggiMate-Druckprofile zu generieren oder auszuwählen. Es überträgt Profile direkt über WebSocket auf Maschinen und erspart manuelles Kopieren von JSON.