Discuss a project

Founder experience

SEOULAB

A skincare store built from product discovery to customer accounts, orders and the team’s back office.

Full-Stack E-commerce / SEOULAB

How the solution came together

Built and documented

01The business need

A skincare brand needed a complete store experience spanning product discovery, commerce logic and day-to-day catalogue administration.

02What needed to change

Build a complete skincare store: product discovery, customer accounts, reliable orders and an operational back office.

03How it works

Experience
React storefront
Customer & admin panels
Rules & processing
Express API
Orders & reservations
Signed payment events
Data & connections
SQLite · transactions
Stripe · test adapter
Supplier CSV staging
Simplified architecture · selected implemented components

04What was built

  1. 01

    Server-calculated totals, integer currency amounts and inventory reservations protect orders against price manipulation and overselling.

  2. 02

    Idempotent order creation, transactional rollback and signed Stripe webhooks handle retries and payment-state changes. The payment flow was tested in the preview environment.

  3. 03

    The admin panel supports catalogue work, orders and validated supplier CSV drafts. Public catalogue mode is separated from checkout and account writes.

The key decision

Keep pricing and stock authority in the backend and expose the public catalogue separately from protected commerce preview. This allows the brand experience to launch while checkout readiness remains explicit.

How we checked it

Server totals use integer currency amounts. Reservations, transactional rollback, idempotent order creation and signed payment webhooks protect the implemented order flow; payment scenarios were verified in preview.

  • React
  • TypeScript
  • Vite
  • Express
  • SQLite
  • Stripe
  • Docker

One complete workflow

  1. 01Discover products
  2. 02Build a basket
  3. 03Reserve inventory
  4. 04Reconcile payment
  5. 05Manage the order

05See the work

Actual desktop/mobile storefront and protected admin-preview captures; documented order, stock and payment verification. The mobile store is responsive web, not a native app.

Inside the delivered application

SEOULAB storefrontSEOULAB administration panel
Actual application captures · public catalogue and protected admin preview · illustrative catalogue data

06Result and responsibilities

Delivered

Delivered a branded storefront and full commerce application. The public release runs in catalogue mode; checkout, accounts and payment scenarios are available in a protected preview.

Role & scope

End-to-end store development · brand experience, frontend, backend and deployment

Scope of the result

Personal scope is end-to-end store development and deployment. Public catalogue mode is live; public checkout, live payment acceptance and commercial uplift are not asserted.

Need a similar workflow?

Discuss a project