Yes. In this prototype, a customer can add a frame to a wishlist and continue into a store booking flow.
Public-safe mockNext.jsRetail workflow
Optical Retail Web App Demo
A fictional optical retail prototype covering product discovery, store locator UX, booking, membership mock state, FAQ search, and SEO-ready route coverage.
Products
6
live filtered
Stores
4
mock branches
Private data
0
not rendered
Product catalog
Search, filter, and sort frame inventory
Interactive mock catalog with TypeScript product data and client-side filtering.
Store locator
Find a fictional branch
Filter store cards by area, province, transit access, open-now state, and service availability.
Membership mock
Account UI without real auth
Frontend-only login state, member card, points, prescription preview, and purchase history.
Guest preview
Vision Lane Plus
1,240 fictional points · Saved prescription · SMS/email preferences
Prescription: SPH -1.25 / CYL -0.50
Last mock order: Clearview Daily 01
Preference: appointment reminders enabled
FAQ guide
Searchable buying support
Category tabs and accordions for content-heavy retail guidance.
Proof summary
Retail UX, state management, validation, content IA, and responsive UI in one public-safe demo.
The workflow is API-ready in shape, but every interaction here runs locally with fictional records.
Catalog
Locator
Booking
Guide