Back to projects
Yumo Cheese E-Commerce Platform
HongYip Cheng / May 15, 2025
Demo: Link
đź“Ś Overview
A modern bakery e-commerce platform built for Yumo Cheese, a Hong Kong-based cheesecake specialist, featuring:
âś” Stripe Checkout for seamless payments
âś” Instagram Graph API integration for real-time flavor updates
âś” Localized UX (Tsuen Wan/Tuen Mun pickup options)
Developed to bridge online orders with the shop’s daily-changing menu (April–May 2025).
✨ Features
- Real-Time Menu Sync
- Auto-updates product listings from Instagram Stories via Instagram Graph API.
- Displays "Today’s Specials" with expiry timers.
- One-Click Payments
- Stripe Checkout with Apple Pay/Google Pay support.
- Refund automation for canceled orders.
- Local Pickup Flow
- Dynamic location selector (Tsuen Wan/Tuen Mun) with inventory checks.
🛠️ Tech Stack
- Frontend: Next.js 14 (App Router), TypeScript
- Styling: Tailwind CSS
- Payments: Stripe (Checkout & Webhooks)
- Social Integration: Instagram Graph API (OAuth 2.0)
- Database: Supabase (PostgreSQL) for orders
- Deployment: Vercel (Edge Functions for API proxies)