Build your own ESPN with Claude Code
Sports scores and news: live scores, team pages, standings and more.
The Claude Code prompt
Build my own take on ESPN: sports scores and news. Give it an original name, logo, colours and copy, and do not use ESPN's name, branding or assets. Version one should have: - Live scores - Team pages - Standings - News - Alerts The hard part: Live data. Use a sports data API. How to build it: 1. Read this folder first. If it is empty, set up Next.js (App Router, TypeScript, Tailwind) with Postgres through Prisma or Supabase, and Supabase Auth or Auth.js for sign-in. Write a short PLAN.md with the data model, screens, third-party services and what you are leaving out of version one. 2. Build the core loop end to end before anything else: live scores, working with real data saved to the database. 3. Add the rest of the features one at a time, and seed realistic demo data so every screen looks alive. 4. Keep API keys in environment variables, and put any paid service behind a small interface with a local stub, so the app runs on a fresh machine without accounts. 5. Run it, click through every screen on desktop and mobile widths, fix what breaks, and finish with a summary of what works, what is stubbed and how to deploy it.
Paste it into Claude Code in an empty folder. It plans first, so read PLAN.md and steer before it starts building.
Version one
- Live scores
- Team pages
- Standings
- News
- Alerts
The hard part
Live data. Use a sports data API.
Make it yours: a niche ESPN ignores, an original name and brand, and one feature it does badly done well.
More to build
- Your own Spotify
A music streaming app: library of tracks and albums, player with queue, shuffle and repeat, playlists you can create and share and more.
- Your own YouTube
A video sharing platform: upload videos with a title and thumbnail, watch page with comments, channels with subscribe and more.
- Your own Netflix
A video streaming service: rows of titles by genre, title page with trailer and episodes, player that remembers where you stopped and more.
- Your own Twitch
A live streaming platform: go live from OBS with a stream key, live player with chat, follow and notifications and more.
- Your own Shazam
A song recognition app: listen and identify a song, track page with artist and links, history of found songs and more.
- Your own IMDb
A film and TV database: title pages with cast, people pages, ratings and more.