Playground
Three small, hands-on examples of how I approach APIs, content organization, and responsive layouts.
Each lab exposes the decisions behind the interface, not only the finished screen.
Choose a system to inspect
Start anywhere. Every demo is self-contained and includes something you can change, compare, or test.
REST + UI
API Explorer: Met Art Search
Browse The Met collection while exploring search, loading states, pagination, and artwork details.
A real collection, not placeholder data.
Try thisSearch a maker or medium, then open an artwork record.
Open the live labEditorial CMS
Page editor demo
Edit a sample page and preview the result. Changes stay in the demo and disappear on reload.
Nothing is uploaded or retained.
Try thisEdit the draft, review its checks, then publish it inside the temporary demo.
Open the live labResponsive
Responsive UI Lab
Compare responsive layouts across phones, tablets, desktops, and ultrawide displays.
One interface, many ways of fitting.
Try thisMove between viewports, then compare density and motion settings.
Open the live lab