Music Media Store

An e-commerce store for physical music media — vinyls, CDs, DVDs — and premium music hardware like gramophones, radios, and players. Premium devices can be viewed in live 3D through the device camera, and media products play their track on hover.

Built the entire application end-to-end — catalog, cart, and checkout — plus the standout features: live 3D views of premium devices (gramophones, radios, players) using ARCore and WebKit, and music-on-hover that plays the relevant track for each vinyl, CD, and DVD.

• Full storefront — catalog, search, cart, and checkout
• Two product lines — music media (vinyls, CDs, DVDs) and premium devices (gramophones, radios, players)
• Live 3D views of premium devices through the device camera (ARCore + WebKit)
• Music-on-hover — the relevant track plays when you hover a vinyl, CD, or DVD
• Responsive, media-rich storefront across devices

Next.js · ARCore · WebKit · Web Audio

1. 01Got live 3D views of premium devices working across browsers with ARCore and WebKit, handling capability differences and graceful fallbacks.
2. 02Built music-on-hover that preloaded and played the right track instantly — without stalling the browse experience or overlapping audio.
3. 03Shipped the whole storefront end-to-end, from catalog to checkout, and kept it performant despite the media-heavy UI.

Got hands-on with browser hardware APIs — camera and audio — learned how to build experiential, media-rich commerce UI that still performs, and what it takes to own a full application from zero to shipped.