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
BinktermPHP: A Full BBS/FidoNet Platform Built Primarily with Claude
BinktermPHP is an open-source web-based BBS written in PHP 8 with PostgreSQL, featuring a built-in binkp FidoNet mailer, echomail/netmail, file areas, door games, real-time server push, and an MCP server that exposes echomail to AI assistants. The developer reports building it almost entirely using Claude for implementation while handling architecture and testing.
Claude Code's /insight command analyzes developer workflow patterns from real usage data
A developer building a personal finance iOS app used Claude Code's new /insight command to analyze 22 days of usage: 529 messages, 47,604 lines of code, 632 files touched, and 146 commits. The report identified effective patterns like an 'audit-then-batch-fix pipeline' and flagged time-wasters like debugging loops.
Practical Lessons from Running Multiple AI Agents in Production
A team running an AI-operated store with design, coding, and marketing agents shares insights on what 'hiring' AI agents means in practice, including how to provide sufficient context for autonomous work and where agents break down differently than humans.
Mass Parallelizing Claude Code: Lessons from Building a 220K-Line App
A developer with no formal coding background built a full-stack mobile app using Claude Code, running 3-4 parallel instances to process 4 billion tokens across 500+ files. Key techniques include handoff documents, CLAUDE.md files, custom slash commands, and systematic codebase audits.