Site: https://arsenal-live-tracker.replit.app

I built this for my dad, who’s a long-time Arsenal FC fan. I wanted him to have a site where he could easily get the latest news and videos about the team.

First, I hashed out the idea with ChatGPT. Told it what I wanted and asked it for a PRD recap, a step by step guide and prompt. Then, I took the prompt into Replit. Had to create and add YouTube API key in a Secrets folder to securely store these keys. Replit used Google News RSS feed for Arsenal news articles.

Tweaks

There’s no one-shotting things if you really want it to work. Tweaks included:

• Had to get the Arsenal logo from Wikipedia and give it to Replit because it kept generating made-up SVG logos it called the Arsenal logo.

• Tweaked layout, alignment, and spacing

• Made the News and Video containers flex in height with the viewport.

• Optimized header so it took up less space, had fewer words (shorter name), and incorporated the Refresh button instead of having it sit awkwardly by itself.

• Get the videos to play in an overlay instead of in their cards

• Add sorting logic so that news and videos were listed by recency