MoStore

E-commerce for every one

A Pinterest-style shopping experience built with Next.js 15, React 19 and Tailwind CSS 4.

Getting started

npm install
npm run dev

Then open http://localhost:3000.

What's here

• Masonry feed (/): browse products as pins, filter by category, search from the header
• Product close-up (/product/[id]): details plus a "More like this" feed
• Saved (/saved): everything you've hit Save on
• Cart (/cart): adjust quantities, see subtotal (checkout coming soon)

Product data is a mock catalog in src/lib/products.ts with placeholder images from picsum.photos. Saves and cart persist in localStorage.

Store apps

Every store has its own link, e.g. /goba-collections. Opening it shows the store in MoStore's style, branded with the store's colour, and installs as the store's own app: its name, its icon, opening straight into the store. An install sheet slides up automatically on store pages.

• Stores are sample data in src/lib/stores.ts until store sign-up exists
• Each store's app manifest: /<store>/manifest.webmanifest
• Each store's app icons: /<store>/app-icon/192, 512, maskable-512, 180 (the store's logo, or its initials on its colour)