Big 3. One Era.

The story

Big 3. One Era. is an interactive editorial experience about Roger Federer, Rafael Nadal, and Novak Djokovic. I created it to explore how three contrasting playing styles shaped the same period of men's tennis without reducing their careers to a static table of statistics. I designed and developed the site with Next.js, React, TypeScript, and Tailwind CSS. The experience combines a cinematic homepage, individual player profiles, a Grand Slam overview, a filterable head-to-head match explorer, and a career timeline. I manually structured the local data and normalized player names, court surfaces, tournament categories, winners, and dates so the same records could support multiple views. The finished project contains 152 head-to-head match records and 39 timeline milestones. It is responsive across desktop and mobile, produces 10 static or prerendered pages, and passes lint, TypeScript, and production build checks. The dataset is based on ATP Tour and official tournament records and is manually maintained.