Logic Labs Commerce Platform
Full-stack storefront for Logic Labs STEM kits, powered by Supabase + Stripe and deployed on Oracle Cloud.
The online home for Logic Labs now lives at http://139.185.57.202/—a fully custom storefront I designed, coded, and shipped to let students and schools buy our STEM hardware kits. It pairs a React + Vite app with Supabase auth/data and Stripe Checkout, then serves the production build behind an Nginx reverse proxy on an Oracle Cloud VM. Repo here: github.com/zhaojinchu/logic_labs_website.
Product experience
- Responsive storefront with Tailwind + shadcn/ui components and a cart flow tuned for quick lap times on mobile.
- Session-aware navigation, magic-link auth, and protected routes that keep casual browsers out of the admin areas.
- Dedicated success journey that surfaces Stripe receipts, order summaries, and shipping notes without leaving the site.
System design
- Supabase service-role edge functions (
create-payment,retrieve-session,stripe-webhook) validate carts, orchestrate Stripe sessions, and persist orders atomically. - Postgres migrations capture product catalog, multi-quantity order items, and Stripe metadata for rich reporting.
- Stripe webhook hardening uses async signature verification and granular error codes so failures surface instantly in logs.
Operations & deployment
- Automated Supabase CLI deploys and Stripe sync scripts keep environments reproducible.
- Oracle Cloud Ubuntu VM runs Nginx as a static file server + reverse proxy with HTTPS-ready config for the upcoming domain.
- Hardened with firewall rules, process supervision, and rotating Supabase/Stripe secrets stored via
supabase secrets set.
Home page of the logic labs e-commerce website.
Next up: connect the vanity domain, add inventory dashboards, and ship a lightweight CMS so the team can update kits without touching code.