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
Onboarding eines KI-Agenten als Teammitglied: Ein realer Geschäftsfall
Ein Unternehmen teilt seine Erfahrungen mit der Einarbeitung seines ersten KI-Agenten als tatsächliches Teammitglied, das Design, Code, Marketing und Betrieb übernimmt, und stellt fest, dass die schwierigen Teile nicht die technische Einrichtung waren.
Reddit-Benutzer extrahiert Gesundheitsdaten aus 3 Quellen mit OpenClaw für Kardiologietermin
Ein Reddit-Nutzer nutzte OpenClaw, um Exportdateien einer Fitnessuhr, Textnachrichten und handschriftliche Notizen in eine von einem Arzt angeforderte Excel-Arbeitsmappe zusammenzuführen. OpenClaw löste Datumskonflikte, extrahierte Medikamenteninformationen und sendete das Ergebnis per E-Mail, ohne Finanzdaten preiszugeben.
OpenClaw orchestriert das Enterprise ReleaseOps-System für Multi-Plattform-Apps.
Ein Entwickler baute ein halbautomatisiertes ReleaseOps-System mit OpenClaw, um QA-Prozesse für eine App mit fast 1 Million Nutzern auf Web-, iOS-, Android- und TV-Plattformen zu verwalten. Das System automatisiert Ticketmanagement, Testskript-Logausgaben und verknüpft alles mit GPT-4 mini.
OpenClaw-Agent nutzte Wix-zu-WordPress-Migration – steuert nun den Tagesbetrieb einer 3D-Druckerei
Eine kleine 3D-Druckwerkstatt ist mit einem OpenClaw-Agenten von Wix zu WordPress migriert, der auf einem VPS bereitgestellt wurde. Der Agent fügt nun neue Produkte hinzu und erstellt individuelle Bestellformulare für Haustier-Abzeichen-Bestellungen.