← BACK TO WORKS E-commerce Platform

Walk By Dhaga

Built a scalable MERN e-commerce application managing 2,000+ handloom products for 10,000+ monthly active users, featuring responsive Cloudinary media delivery.

MERN Stack Cloudinary Search Optimization Admin Dashboard
Visit Live Project ↗
Walk By Dhaga E-commerce Application Preview
PROJECT AT A GLANCE
CHALLENGE

How can we build a search interface for 2,000+ items that updates instantly without overloading database servers?

OUTCOME

Engineered a database indexing model yielding 50% faster searches, and integrated Cloudinary for optimized media delivery.

WHAT I OWNED
Database Optimization Admin Portal Design CDN Integration State Cache Flows
Scale & Performance Metrics
  • Catalog Scale: Seamlessly powers a catalog of 2,000+ SKUs across multi-category fashion apparel.
  • Query Acceleration: Achieved 50% faster query latency via compound MongoDB text indexes and projections.
  • Asset Optimization: Sub-second responsive image delivery leveraging Cloudinary dynamic transforms.
  • Audience: Scaled infrastructure to support 10,000+ monthly active visitors with zero downtime.
Engineering Scope & Role
  • Full Stack Engineering: Built end-to-end MERN commerce stack, RESTful routing, and client cart sync.
  • Admin Management Suite: Engineered 12 administrative operational modules for SKU and inventory control.
  • State Persistence: Built resilient LocalStorage and session fallback state for active cart sessions.
  • CDN Architecture: Automated media compression and WebP formatting via Cloudinary upload hooks.

Database Optimization & Media Caching

Built to manage 2,000+ items, the platform utilizes query indexes and dynamic optimization to ensure smooth user interactions.

BACKEND OPERATIONS

01

MongoDB Indexing

Optimized field lookups on the product schema, yielding 50% faster product search execution.

02

12+ Admin Features

Built a dashboard to manage listings, inventory, and analytics, boosting administration speed by 60%.

MEDIA PIPELINE

03

Cloudinary CDN

Integrated Cloudinary, compression-resizing image formats automatically to drop network payload by 98%.

04

Responsive Lazy-Loading

Implemented viewport observers to delay image loads until needed, keeping initial page load fast.

Takeaways

What I learned building Walk By Dhaga.

Search Latency Impact

Even a minor delay in search response drop user engagement. Proper query schema design was crucial to keep lookup operations snappy.

Media Compression Strategy

High-resolution images look stunning but destroy site speed. Compressing and serving WebP/AVIF formats dynamically is essential for mobile-first ecommerce.