SAYO Store
Yours to keep.
Overview
E-commerce storefront template. Product catalog, cart state, checkout with shipping form, QR payment. For small local shops.
An e-commerce storefront template built for small local shops that need a clean, functional online presence.
Covers the full purchase journey: product catalog browsing, adding to cart, filling a shipping form, and reaching a QR payment screen.
Cart state is managed locally — no backend required for the template, making it easy to deploy and hand off.
Stack
UI / Frontend
Inspiration
Local shops often can't afford a full Shopify setup. This template gives them something professional without the overhead.
Structure
Architecture
Composition
Framework
React + Tailwind v4 + Vite, deployable to any static CDN or Cloudflare Workers.
How it works
Product Catalog
Structured product data with categories, images, and pricing.
Cart State
Local cart management — add, remove, quantity adjustments.
Checkout Flow
Shipping form with validation and order summary.
QR Payment
Payment QR display and order confirmation.
Deploy
Static-friendly build, deployable to any CDN or Workers.
More projects
Tovari Crumbs & Brew
A cozy café offering artisanal pastries and specialty coffee. Showcasing a delectable menu, online ordering, and reservation system, designed to reflect the warm and inviting atmosphere of Tovari.
Zehri Biryani House
A Pakistani restaurant celebrating the rich flavors of biryani. Featuring a dynamic menu, online ordering, and reservation system, designed to capture the essence of Zehri's culinary heritage.
Vesper Rooms
A highly interactive, Awwwards-style architectural portfolio application built with React and Vite. It leverages GSAP and Lenis for advanced scroll-linked animations, horizontal pinning, and buttery smooth physics. The platform features dynamic randomized masonry grids, state-managed interactive accordions, and a custom cinematic error page.
Serenify
Serenify is a front-end marketing/demo landing page for a fictional mood-and-productivity app, combining email, tasks, and daily mood check-ins into one dashboard. It ships with 8 live-switchable mood themes (4 light, 4 dark) built on an OKLCH analogous-hue color system that re-tints the entire UI instantly. The dashboard mockup is genuinely interactive — folders, a reading pane, a compose modal, and todos/mood state that persist to localStorage — rather than a static screenshot. It's deployed as a Cloudflare Worker that serves the static Vite build and layers on security headers (CSP, HSTS) plus a lightweight health-check route.