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
Researchers Use Claude Projects for Academic Scoping Review: Strengths and Limitations
Researchers used Claude Projects to assist with a peer-reviewed scoping review of 39 qualitative interview studies on student experiences with GenAI in higher education. The tool showed specific strengths in cross-referencing themes and suggesting analytical categories, but required rigorous verification against source data.
Using Claude Code to Automatically Refresh OpenClaw OAuth Tokens
A developer shares a method using Claude Code to automatically rotate OpenClaw OAuth tokens every 8 hours, preventing expiration during long coding sessions. The approach requires keeping your computer on with an active Claude Code session.
Coordinating Multiple AI Agents: Discord, Cron Jobs, and Clear Hierarchy
A developer running three OpenClaw agents solved coordination problems by using Discord as a shared communication channel, replacing Paperclip's expensive heartbeat system with per-agent cron jobs, and establishing a clear leadership hierarchy between Claude Max and OpenAI models.
Optimizing OpenClaw Agent Costs with DOM Optimization and Dashboard Monitoring
Reduced OpenClaw agent costs by 41% using custom JavaScript evaluation for DOM reads, minimizing API calls and token bloat. Real-time token dashboard supports usage tracking.