Non-coder builds live MLB dashboard using Claude AI and Claude Code on GitHub Codespaces

✍️ OpenClawRadar📅 Published: March 15, 2026🔗 Source
Non-coder builds live MLB dashboard using Claude AI and Claude Code on GitHub Codespaces
Ad

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
Ad

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

Ad

👀 See Also

Testing Claude Sonnet with a Strategy Board Game: Rule Adherence Challenges
Use Cases

Testing Claude Sonnet with a Strategy Board Game: Rule Adherence Challenges

A developer tested Claude Sonnet by playing OFMOS® Essential, a patented strategy board game about product portfolio management, using a structured prompt system with rules, board representation, and turn management. The model understood rules and tracked scores but frequently made illegal moves due to lack of constrained move generation.

OpenClawRadar
OpenClaw workflow automates meeting follow-ups, replaces Granola for user
Use Cases

OpenClaw workflow automates meeting follow-ups, replaces Granola for user

A user replaced their $14/month Granola subscription with an OpenClaw workflow that transcribes meetings via STT, generates summaries on WhatsApp, breaks out action items, and creates draft follow-up emails automatically.

OpenClawRadar
Non-developer builds Sleep Sound Mixer web app using Claude AI
Use Cases

Non-developer builds Sleep Sound Mixer web app using Claude AI

A user with no coding background used Claude AI to build a fully functional Sleep Sound Mixer web app in one session. The app allows mixing six ambient sounds with individual volume controls through a clean, minimal browser interface.

OpenClawRadar
Autonomous AI employee built with OpenClaw deploys 3 products in 2 hours
Use Cases

Autonomous AI employee built with OpenClaw deploys 3 products in 2 hours

A non-developer created an AI employee named Cipher using OpenClaw that built 3 products, designed landing pages, deployed them live, created Stripe payment links, and tweeted the launch in 2 hours. The system runs 24/7 on a $32/month cloud server.

OpenClawRadar