Streamline.
Case study · E-commerce + Automation

A full e-commerce store, a custom admin dashboard, the BLOM Academy course platform, and email plus WhatsApp automation — all running on one Supabase backend. I built it, and I still run it on an active retainer.

  • E-commerce
  • Custom Admin
  • Course Platform
  • WhatsApp + Email
BLOM Cosmetics storefront homepage
Overview

What it is
A full online store, a custom owner-run admin, and the BLOM Academy course platform — one login, one system.
The stack
React, TypeScript and Tailwind on Supabase. PayFast for payments, n8n for the automation, WhatsApp and email for the customer.
Status
Live in production at blom-cosmetics.co.za. PayFast running. Active retainer — I still maintain it.
01 · The storefront

I built a clean storefront with real product photography, instant cart updates, and a checkout flow that's mobile-first from the ground up. Real ZAR pricing, real PayFast at the till.

Stock syncs in real time against the backend, so a customer never hits an out-of-stock surprise at checkout — and BLOM never sells something they can't ship.

  • Real-time inventory
  • Mobile checkout
  • PayFast live
  • Custom discount logic
BLOM Cosmetics shop page with product grid and live ZAR pricing
BLOM Cosmetics product detail pageBLOM Cosmetics shop categories browsing page
BLOM Cosmetics custom admin dashboard with sales analytics
02 · The admin OS

Instead of paying a monthly fee for a generic dashboard, BLOM got a custom admin they own outright: edit prices, descriptions and images live, manage orders, and watch sales analytics in one place.

Low-stock alerts and order statuses surface the moment they matter — no spreadsheets, no plugins, and zero monthly platform fees.

  • Live product editing
  • Order management
  • Low-stock alerts
  • Owner-editable
03 · BLOM Academy

BLOM teaches as well as sells, so the Academy lives inside the same platform. Students browse courses, work through lessons, and pick up their materials without ever leaving the site.

On the admin side it's the same story: schedule courses, track students, and upload lesson materials from the dashboard BLOM already knows.

BLOM Academy courses listing pageBLOM Academy lesson player with course content
04 · The automation layer

Every order kicks off a chain automatically: a branded PDF invoice, an order-ready email, and a WhatsApp confirmation straight to the customer — all wired through n8n.

It's the invisible part of the build, and it's the part that quietly saves hours every single week.

  • WhatsApp order updates
  • Branded email
  • PDF invoicing
  • n8n
Automated WhatsApp order confirmation message sent to a BLOM customer
The build

Full BLOM Cosmetics homepage layout, top to bottom
BLOM admin product editor with live pricing and image fieldsBLOM admin order management tableBLOM customer account and order history pageBLOM Academy student login screen
BLOM Cosmetics shop on a mobile phone — built mobile-first
Outcome

The store, the admin, and the Academy all run off one Supabase backend BLOM owns. No Shopify-style cut on every sale, no plugin subscriptions. Orders confirm, invoice, and notify the customer on their own. It's live, it's in production, and I still maintain it on an active retainer.

1 backend
Store, admin and academy, unified on Supabase
24/7
WhatsApp and email order automation, hands-off
Live
PayFast in production on blom-cosmetics.co.za

Tell me what you're building. No pitch, no pressure — just a plan.