About this demo
RUE MIRA is a portfolio project that demonstrates a complete, accessible, multilingual e-commerce front end — running entirely as a static site.
What works
Search with typeahead, composable filters and sorting with shareable URLs, quick view, zoomable galleries, size guide, wishlist, compare (up to 4), bag with promo code and shipping maths, a five-step simulated checkout, demo order history, a shoppable lookbook and a local Demo Studio.
What is simulated
Payments, emails, accounts, inventory and delivery. Everything happens in your browser and is clearly labelled.
How it's built
Next.js App Router with static export, TypeScript, Tailwind CSS and Motion. All pages — including 96 product pages in three languages — are generated at build time and can be hosted on GitHub Pages.
Accessibility
Keyboard-operable menus, dialogs with focus management, visible focus states, semantic landmarks, translated labels and reduced-motion support.