Jeny Pansuriya
Back to all work
Case Study•2025
Full-Stack Developer

HIMSHAIL

D2C E-Commerce Platform — Roasted Makhana & Botanical Flower Teas

Role
Full-Stack Developer
Timeline
2025
Tech Stack
Next.jsReact 19TypeScriptTailwind CSSNode.js
Production Deployment
www.himshail.com
HIMSHAIL hero showcase screen
Click to inspect high-resolution screen
01/

The Problem & Context

A modern wellness superfood brand required an exquisite direct-to-consumer (D2C) e-commerce storefront to showcase hand-crafted roasted makhanas and whole-flower botanical infusions. I built the full-stack architecture — featuring an interactive Next.js 19 storefront alongside a custom Node.js/Express backend handling Razorpay/UPI webhook verification, automated order state machines, pincode logistics checks, and inventory deduction.

02/

The Engineering Approach

Milestone 01

Architected and deployed a production D2C e-commerce platform using Next.js, TypeScript, and Tailwind CSS with sub-second page loads.

Milestone 02

Engineered an interactive 10-flavor product carousel with dynamic pouch rendering, colorway transitions, and floating ingredient elements.

Milestone 03

Built responsive Product Detail Pages (PDP) with real-time tax inclusion, quantity selectors, trust badges, and dietary icon highlights.

Milestone 04

Implemented a pan-India pincode delivery serviceability checker with instant delivery estimate calculations.

Milestone 05

Designed a dynamic slide-over cart drawer with quick-add actions, promotional coupon code validation ('RITUAL15'), and order summaries.

Milestone 06

Integrated secure Indian payment checkout (UPI, Credit/Debit Cards, NetBanking) and WhatsApp customer support triggers.

Milestone 07

Applied structured JSON-LD schemas (Organization, Store, FAQPage, Product), OpenGraph cards, and Next.js image optimization.

Key Functional Modules Shipped

Interactive Flavor Carousel

3D-style multi-flavor hero showcase with ambient backgrounds, floating makhana ingredients, and flavor profiles (Cheese, Barbeque, Peri Peri, Pink Salt).

Product Catalog & Collections

Filterable product grids for Roasted Makhanas and Botanical Flower Teas with quick-add buttons and dietary badges.

Product Detail Pages (PDP)

High-conversion PDPs featuring multi-angle image galleries, flavor descriptions, trust guarantees, and nutrition facts.

Pan-India Pincode Checker

Live pincode serviceability checker estimating delivery timelines for domestic shipping (3-5 days).

Slide-Over Cart & Checkout

Persistent cart state, promo code coupon validation, tax calculation, and seamless payment gateway redirection.

Brand Story & Journal

Editorial storytelling section highlighting Bihar farm sourcing, zero deep-frying ethics, and botanical wellness rituals.

03/

Architecture & System Flow

Tier 01
Client Layer

Next.js / React 19 UI • Tailwind • Redux Toolkit

Tier 02
API & Security

Node.js Express • JWT Refresh Rotation • RBAC

Tier 03
Event & Data

MongoDB Pipelines • WebSockets • BullMQ

Tier 04
Infrastructure

AWS EC2 / S3 • Nginx • PM2 Clustering

system.architecture.pipeline.tsProduction Pattern
// System Flow Pipeline for HIMSHAIL
export const systemWorkflow = {
  ingress: {
    protocol: "HTTPS / WSS",
    reverseProxy: "Nginx 1.24 SSL Termination",
    rateLimiting: "100 req/min per IP with Redis Token Bucket"
  },
  authGuard: {
    strategy: "JWT Access Token (15m) + Rotating Refresh Token (7d)",
    permissionCheck: "RBAC Module Middleware: requireRole(['admin', 'operator'])"
  },
  serviceExecution: {
    stack: ["Next.js", "React 19", "TypeScript", "Tailwind CSS"],
    databaseEngine: "MongoDB Aggregation Pipeline with indexed compounds",
    cacheLayer: "In-memory caching cutting latency by 83%"
  }
};
04/

Results & Production Impact

95+
Performance
Optimized
15+ SKUs
Product Catalog
15+ SKUs
50+
Checkout Flow
Instant UPI & Cards

Production Screenshots

Live production screens of the HIMSHAIL D2C e-commerce platform. Click any image to inspect. Live at himshail.com.

Hero & Brand

Homepage Hero — 'Taste of Bharat, beautifully reimagined' with interactive 10-flavor makhana showcase.

Product Catalog

E-Commerce Catalog — Premium Roasted Makhanas (Pudina, Pink Salt, Peri Peri, Lemon Chilli) and Botanical Flower Teas.

Product Details

Product Detail Page (PDP) — Peri Peri Makhana with quantity selector, instant buy, and pan-India pincode delivery checker.

Brand & Sourcing

Brand Story & Farm Sourcing — Bihar farm partnerships, zero deep-frying ethics, and wellness philosophy.