PeiClothing E-Commerce
Back to Portfolio
Full Stack Dev6 weeks2025

PeiClothing E-Commerce

PeiClothing

Fashion E-Commerce

The Challenge

PeiClothing struggled with an outdated WordPress site that loaded in 8+ seconds on mobile. Cart abandonment was at 78%, and the existing payment integration frequently failed, losing an estimated ₹50,000+ monthly in failed transactions.

The Solution

I built a custom MERN stack e-commerce platform with Cloudinary CDN optimization, Razorpay integration with retry logic, and a streamlined 3-step checkout, resulting in 50% faster load times and 34% reduction in cart abandonment.

Measurable Results

Real numbers from a real project. Here's exactly what changed after implementation.

Page Load Time

Before
8.2s
After
4.1s
-50%

Cart Abandonment

Before
78%
After
51%
-34%

Payment Success Rate

Before
89%
After
99.2%
+11%

Lighthouse Score

Before
42
After
87
+107%

Before vs. After

Drag the slider to see the transformation

After
Before
BEFORE
AFTER

Old WordPress site vs. New React e-commerce platform

Overview

A full-stack e-commerce solution built with the MERN stack (MongoDB, Express, React, Node.js). It features a robust product management system with a custom admin dashboard for inventory tracking and order fulfillment. We implemented secure JWT-based authentication to protect user data and integrated the Razorpay payment gateway for seamless, secure transactions. To optimize performance, we utilized an image CDN (Cloudinary) to serve high-quality product images in WebP format, reducing load times by 50%. The frontend uses Redux for efficient state management, ensuring a smooth and responsive shopping experience even as the product catalog grows.

Key Features

Real-time cart and inventory sync
Razorpay payment gateway integration
Multi-stage checkout process
Dynamic search and filtering