srijan-sinha : portfolioCtrl P
FileEditViewGoRunTerminalHelpCopilot
srijan-sinha  ›  src  ›  projects.js
// projects.js : things I've built & shipped

Projects

const projects = [ ...shipped, ...building ]
🛒
E-COMMERCE · UX · MRMED

Cart Flow & Multi-Mode Upload Ordering

Owned production work across cart, upload-RX, checkout, and reorder on mrmed.in — COD, MrMed Cash, coupons, order-management communication, and conversion-critical validations — improving ordering flexibility and reducing drop-offs.

ReactRedux ToolkitNext.js
❄️
USER + ADMIN · MRMED

Cold Chain Packaging

Built the full cold-chain packaging experience across cart, RX upload, and single-order — pre-selected types, change-packaging CTA, eco-box — plus the Admin control surface so ops can select, persist, and price packaging in lock-step.

ReactReduxNext.jsAdmin CMS
⚡
PERFORMANCE · MRMED

Core Web Vitals Overhaul

Reduced homepage bounce rate from 8% to 0.5% by optimizing LCP, CLS and FID through lazy loading, dynamic imports, route prefetch, hydration fixes, and strategic third-party script management.

Lazy LoadingDynamic ImportsNext.js
📦
ADMIN · OPS · MRMED

Order Management System

Owned the Admin order-management console used by operations to create, clone, cancel, confirm, and communicate on customer orders — the control plane behind the user cart, RX, and single-order surfaces.

ReactREST APIsRedux Toolkit
💳
PAYMENTS · USER + ADMIN · MRMED

PayU Dual-Channel Payments

Integrated PayU hosted checkout on the user platform and stood up dual payment-gateway support on Admin — payment links, COD/label amounts, MrMed Cash on manual orders, and gateway indicators on the order.

PayUReduxREST APIs
🖼
PRODUCT · SEARCH · MRMED

Search, 3D Product Media & SEO

Rewired site search onto a new API (race conditions, crashes, imported-medicine, ATC) and shipped 3D product images, a floating product video player, and image/SEO performance work on the product page.

Next.jsSSR/SEOSearch API
🏥
GROWTH · USER + ADMIN · MRMED

Navya Homecare & Partnership Pages

Designed and shipped the Navya homecare landing experience end-to-end (UI, FAQ, form, SEO, nav) and the Admin lead tables behind it, plus partnership and marketing pages such as Ozempic.

Next.jsSSR/ISRTailwind CSS
📈
INSIGHTS · USER + ADMIN · MRMED

Feedback & NPS Management

Built Feedback v2 and NPS on the user platform and the review, adherence, and contact-us CMS on Admin — enabling structured customer insights, churn analysis, loyalty tracking, and data-driven growth decisions.

ReactNode.jsREST APIs
🔎
SEO · CRAWLABILITY · MRMED

Product & Catalog SEO for Googlebot

Improved SEO and crawlability of product/catalog pages by eliminating client-side loading/redirect gates, removing SSR bailout causes, and moving redirects to server-side middleware so Googlebot receives complete product HTML including title and H1.

Next.jsSSRMiddleware
☁
CACHING · ISR · MRMED

Cloudflare Cache-First + ISR Architecture

Designed a cache-first delivery architecture with Cloudflare — edge/browser caching, custom cache keys, and Next.js ISR (5-minute revalidation) for public catalog and content pages — cutting origin traffic and improving resilience during high-traffic and DDoS events.

CloudflareISRNext.js
📉
PERFORMANCE · BUNDLES · MRMED

Route Bundle Reduction

Optimized route-level JavaScript bundles from ~1.33 MB to ~800 KB per route with Next.js Bundle Analyzer — spotting heavy dependencies and cutting unnecessary client-side code.

Bundle AnalyzerNext.jsCode Splitting
🅰
PERFORMANCE · HOMEPAGE · MRMED

Above-the-Fold Rendering & Font Delivery

Kept above-the-fold content in the initial HTML, prioritized LCP assets, reserved image dimensions to minimize CLS, dynamically loaded below-the-fold sections, and optimized fonts with next/font, self-hosted assets, metric-adjusted fallbacks, and selective preloading.

next/fontISRLCP / CLS
🖱
UX · ANALYTICS · MRMED

Clarity Rage-Click & Dead-Click Reduction

Used Microsoft Clarity session recordings and interaction analytics to find rage clicks and dead clicks, redesigned those UI flows, and cut these friction points by ~50%.

Microsoft ClarityUXAnalytics
🚚
FULFILMENT · USER + ADMIN · MRMED

Phox Health & Vendor OMS

Shipped Phox Health pickup and reorder on the user platform, and the Admin dispatch-channel / vendor OMS UI that lets ops choose how an order ships — hub assign, shipment enums, and vendor routing.

ReactREST APIsMaps
💀
UI ENGINEERING · ITC INFOTECH

Shimmer Skeleton Loader & Multi-Step Form

Engineered a reusable Shimmer Skeleton Loader with React and Tailwind CSS, and a scalable multi-step form with schema-based validation using Zod and React Hook Form.

ReactTailwind CSSZod
🔁
ARCHITECTURE · ITC INFOTECH

Redux Toolkit + TanStack Query Migration

Refactored API architecture by migrating network calls into Redux Toolkit slices and TanStack Query for efficient data fetching, caching, and background synchronization.

Redux ToolkitReact QueryTypeScript
⎇ mainprojects.js
♥ Srijan Dark