USOPC · Next League / 2026
A century of stories. One connected experience.
An interactive journey through Olympic and Paralympic history, connecting a timeline, globe and rich exhibit stories.
For this project, open the app in a new tab to explore it. You can also browse the product screens below.
The live timeline connects Olympic and Paralympic stories across a globe.
01 / 02MY ROLE
Frontend delivery of the history experience as part of the Next League team.
TECHNOLOGY
React · TypeScript · Vike · COBE / WebGL · Contentstack
STATUS
Public experience
01 / CONTEXT
The problem behind the interface.
The experience brings a large historical collection into a navigable interface. Timeline selection, filters, detailed exhibits and browser navigation need to agree, across desktop and mobile.
02 / MY CONTRIBUTION
What I worked on.
- Delivered timeline and exhibit interfaces, responsive layouts, carousel and scrubber behavior, and deep-linked navigation.
- Implemented and refined the COBE globe backdrop and motion behavior, including reduced-motion support and pausing unnecessary animation.
- Worked on keyboard focus, modal and cookie-consent accessibility, image behavior and interaction analytics.
03 / ENGINEERING DECISIONS
The details that matter.
A URL should return to the same story.
Timeline state includes filters and exhibit identity. The implementation handles ambiguous events and keeps selection stable through scrubbing, refresh and exhibit navigation.
Motion should earn its place.
The globe loads WebGL separately and pauses when motion is reduced, a modal is open or the page is hidden. Visual atmosphere should not prevent someone from reading the history.
Small screens are a different interaction context.
The work includes mobile scrubber behavior, tablet layouts, readable exhibit typography and visible keyboard focus. These details connect the presentation to a usable interface.
04 / EVIDENCE & SCOPE
A clear account of the work.
Contribution history and current timeline source reviewed, including globe lifecycle, URL state, analytics and accessibility changes.
The site is a team product. This case study describes Danny’s frontend contributions; it does not claim authorship of the historical content or the entire USOPC platform.
Reviewed September 2026. Screens captured from the running application. Proprietary code and internal source records are not published.