Developer Builds Full SaaS Product with Claude Cowork: MLB Scoreboard App with Auth, Payments, and Embed Widget
Project Overview
A developer built a complete SaaS product called ScorePorch using Claude Cowork sessions. ScorePorch is a personalized MLB scoreboard application that includes frontend, backend, authentication, payments, and an embeddable widget.
Technical Stack
- Frontend: Vite + React
- Backend: Express/Vercel serverless API
- Authentication: Supabase (email + Google OAuth)
- Payments: Stripe with webhook sync
- Data source: MLB Stats API for live data
- Headlines: MLB.com RSS feeds
Application Features
Users select their favorite team and receive a dashboard themed to that team's colors. The dashboard includes:
- Live scores
- Division standings
- Next-game countdown
- Team-specific headlines from MLB.com RSS feeds
- Full box scores
The free tier provides access to one team, while paid tiers unlock multi-team functionality and an embeddable widget.
Embed Widget Details
The embed widget was built as a Shadow DOM-isolated, container-query-responsive component that can be added to any website with a single script tag. The widget is 23KB total with no dependencies. Claude Cowork helped develop the isolation strategy to prevent widget CSS from leaking into host pages.
Development Experience with Claude Cowork
The developer noted that Cowork handled the full product lifecycle effectively, not just code generation. Specific collaborative tasks included:
- Iterating on authentication flows
- Debugging Stripe webhook edge cases
- Working through CORS issues for cross-origin widget requests
- Building a Framer landing page
The context continuity between sessions made the experience feel like working with a co-founder who remembers previous work.
Challenges Encountered
- Authentication: PKCE flow kept breaking the callback, requiring a switch to implicit flow
- API limitations: ESPN's API was effectively dead, requiring a pivot to MLB.com RSS for headlines
- Git integration: Cowork cannot push to git directly (EPERM on index.lock), requiring a workaround where the developer clones to /tmp and pushes from there
Additional Development
The developer created a Cowork plugin for ScorePorch, allowing other developers building dashboards to add a live MLB scoreboard to their projects using /add-scoreboard [team-name]. The plugin includes integration guides for React, Next, Vue, Svelte, WordPress, Squarespace, and Webflow.
The application is live at app.scoreporch.com.
📖 Read the full source: r/ClaudeAI
👀 See Also
OpenClaw Grocery Order Mistake: Unit Confusion with MCP Server
A user gave OpenClaw their credit card to handle weekly grocery runs via an MCP server. After three months of flawless orders, it recently ordered 2 kg of garlic instead of 2 heads, because the product page defaulted to kilograms.
Professor Builds AI Detection Bias Game with Claude Code
A UK professor built Flagged, a browser game that simulates AI detection decisions in academia using Claude Code. The game reveals how detection tools produce false positive rates up to 61.3% for non-native English speakers.
Practical Lessons from Using AI Agents on a 100k LOC Codebase
A developer shares six specific techniques learned while using Claude Code and Cursor to build a pandas-compatible API layer on top of chDB, including maintaining a CLAUDE.md rules file, using zero-context agents as critics, and structuring multi-agent workflows with filesystem-based coordination.
OpenClaw Bot Automates KMZ Data Extraction and Spreadsheet Merging
A user reports using OpenClaw bot to parse KMZ files, extract eight specific data points including mile markers, calculate decimal mile positions with high accuracy, and merge new data into existing spreadsheets without overwriting. The process took 5 minutes of processing time and 15% of a $100 max plan session budget.