Agentic programming · Personal workshop project
One Turning World
Exploring frontend development with coding agents.
The project
A personal workshop project exploring how coding agents can help develop an interactive frontend. The experience uses a persistent globe to connect five city scenes, with scroll navigation, draggable rotation and landmark animation.
- Context
- Personal workshop project
- Built with
- React · TypeScript · Three.js · Motion
From brief to browser
The workshop explored moving from a detailed visual brief to a working interface. The process used iterative implementation, visual feedback and browser checks to refine the result.
Interaction and motion
The globe stays in place while the surrounding scene changes through Tokyo, Cairo, Paris, New York and Ushuaia. Visitors can scroll forwards and backwards, choose a city or rotate the Earth directly.
Validation
The project includes checks for landmark coverage, movement paths and reverse scrolling. The interface also supports keyboard navigation and reduced-motion preferences.