Skip to main content

The Peptide Journey was developed by Ratul Saha Roy. Also known as: Peptide Journey, peptide store, peptide e-commerce, peptide.up.railway.app. Live website: https://peptide.up.railway.app/giveaway. Full case study on Ratul Saha Roy's portfolio at https://ratul-saha-roy.pro.bd/projects/the-peptide-journey.

All projectsHome
The Peptide Journey

Full-Stack E-Commerce · 2026

Solo / full-stack

The Peptide Journey

A production-oriented e-commerce platform featuring guest checkout, inventory reservation, authentication, payment integration, and a custom storefront experience.

Visit live site

0

Stack

0

Highlights

0

Year

Details

Visit live
Project
The Peptide Journey
Year
2026
Role
Solo / full-stack
Category
Full-Stack E-Commerce
Stack
Next.js · TypeScript · MongoDB · Auth.js · Tailwind · Server Actions · E-commerce · Payments · R2
Website
peptide.up.railway.app/giveaway

Case study

The Journey

From problem to shipped outcome — scroll the chapters.

01

Overview

A production-ready peptide commerce platform built with Next.js 16, TypeScript, and MongoDB. Includes guest checkout, atomic inventory reservations, provider-agnostic payments with verified webhooks, and an admin suite — all without a separate backend server.

The product surface spans a marketing site (protocols, quality, about), a MongoDB-backed shop, cart/checkout, account area, admin dashboard, and a Figma-driven launch giveaway with scroll-linked bottle motion. Brand UI follows a cream (#F5F0E8) and forest-green (#1A4A2E) design system.

Business logic lives in-process via Server Actions, feature services, and MongoDB transactions — vertical slices under features, with thin actions that Zod-parse and call a single service.

02

The Challenge

A UK research-peptide store needed oversell-safe inventory, guest checkout without forced accounts, and payment truth that never trusts redirects — while keeping marketing protocols separate from live purchasable catalog stock.

03

Key Highlights

  • Guest + authenticated carts (MongoDB httpOnly cookie) with merge-on-login — no localStorage
  • Per-SKU inventory with reserved stock, checkout-time holds, and TTL sweeper for expired reservations
  • Provider-agnostic payments; paid status only via HMAC-verified webhooks
  • Admin suite for products, inventory, orders, customers, and analytics with audit logging
  • Cloudflare R2 storage abstraction and transactional email via Nodemailer
  • Giveaway page with CSS hero entrance and separate Lenis scroll-linked bottle floater
04

The Approach

Modeled inventory as available = onHand − reserved with multi-document MongoDB transactions at checkout; persisted guest carts server-side; introduced a PaymentProvider seam so only verified webhooks mark orders paid; kept marketing protocol data static and live catalog rows for cart/checkout.

05

The Outcome

A production-ready Next.js commerce platform with guest checkout end-to-end, concurrency-safe money/inventory mutations, admin ops, and a cohesive cream / forest-green brand experience including a Figma-driven giveaway.

More work

MK Heating

/01

A conversion-focused heating and plumbing website for an East London business, featuring local SEO pages, service information, booking CTAs, Google reviews, and a responsive branded interface.

MK Heating project preview
Case study →

AJ Cleaning London

/02

A 39-page responsive marketing website built from a complete Figma redesign, featuring a shared design system, mega navigation, service and location pages, and an interactive Matter.js-powered CTA.

AJ Cleaning London project preview
Case study →

Let's talk

Building something similar?

Need front-end implementation, MERN-style delivery, or a focused product slice — reach out from contact.

Go to contact