All projects

Test project 28 Jul 2024

mira - responsive bakery storefront

mira - responsive bakery storefront
  • Vanilla JS
  • CSS
  • Vite
  • Responsive
  • Accessible

A French bakery storefront refactored from a desktop-only Figma into a fully responsive, accessible site: fluid type, a mobile hamburger nav, a drag-scroll product rail with per-item quantity and a quantity-aware cart, a keyboard-operable pack-size listbox, and reduced-motion-aware scroll reveals. Vanilla HTML/CSS/JS, no framework, Vite for tooling, deployed on Cloudflare Pages.

Live Code