Frontend

SAYO Store

Yours to keep.

PersonalWebE-Commerce2026 – present

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

ReactTypeScriptViteTailwind v4

Inspiration

Local shops often can't afford a full Shopify setup. This template gives them something professional without the overhead.

Structure

Architecture

Client

ReactLocal State

Composition

•

Product Catalog Config — Categories, items, pricing, and stock flags — decoupled from UI

•

Cart State — Local React state for cart management and checkout

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.