Non-coder builds live MLB dashboard using Claude AI and Claude Code on GitHub Codespaces
How a non-developer built a functional MLB dashboard
A Reddit user with minimal coding experience (only high school HTML/CSS knowledge) successfully created a live MLB dashboard using Claude AI tools. The user started with no knowledge of GitHub, repositories, deployments, frameworks, or even basic commands like npm install.
Development process with Claude tools
The user combined two Claude products: Claude chat for ideation and Claude Code on GitHub Codespaces for implementation. The workflow involved:
- Using Claude chat to generate a full page of build instructions that could be pasted directly into Claude Code
- Having Claude walk through setting up Node.js and explaining what a terminal is
- Getting automatic fixes when something broke during development
- Following guidance to set up a repository and connect Claude Code to GitHub Codespaces
- Setting up GitHub Actions to scrape website data
- Connecting to Vercel for hosting
Dashboard features
The resulting dashboard at mlbhq.vercel.app includes:
- Live game scores when games are active
- Display of teams' next scheduled games
- Last 5 games with dropdown game stats
- Team stats and pitching stats from the previous season (will update when the new season starts)
- Standings and roster information
- Injury reports that scrape each team's injury report page, showing player status and expected return dates
The user notes that the site was built specifically to create a dashboard with all information about the Yankees, though it appears to cover multiple teams. They acknowledge potential legal issues with using MLB data and API access.
Development environment considerations
The user is considering whether to download VS Code instead of continuing to use GitHub Codespaces exclusively, suggesting that Codespaces provided a sufficient development environment for this project despite their lack of prior experience.
📖 Read the full source: r/ClaudeAI
👀 See Also
Building a Pixel-Art JRPG with Claude Code: A Developer's Workflow and Stack
A developer used Claude Code (Opus 4.6) to build Bakemachi, a pixel-art JRPG for learning Japanese with a playable demo. The stack includes Vite, React, Phaser 3, TypeScript, and Zustand, with Claude handling most of the code implementation.
Wyrmbarrow: A Persistent D&D World for Claude via MCP Tools
A developer built Wyrmbarrow, a headless MUD accessible only through MCP tools where Claude acts as the player. The world features persistent state, D&D 5e combat rules, and a 6-second pulse engine for action economy.
Developer Documents 11.7B Claude Tokens Usage Over 45 Days, Details Four Projects
A developer tracked 11.7 billion Claude tokens used over 45 days, detailing four projects built including a live traffic system, a mathematical consciousness model, a custom transformer architecture, and an AI coding platform analysis tool.
How One Developer Fixed 16 Architectural Weak Points in Their AI Agent System
A developer documented 16 architectural problems in their OpenClaw AI agent system and implemented specific fixes including explicit layer definitions, gateway authorization, and evidence-based execution.