M&E Garments Storefront

The problem

Parents shop for kidswear by age, occasion and size, and often cannot tell which pieces suit a 4-year-old for Eid. After the order they ask where the parcel is. The store team needs to manage sizes, prices, stock and shipping without a developer.

The solution

A custom storefront with live sizes and prices, a staff admin portal for products, inventory and orders, and an AI assistant that recommends pieces from the current collection and answers parcel questions from a Leopards tracking ID.

The store covers browsing by boys, girls, new arrivals, best sellers and sale, search, cart and checkout, wishlists, recently viewed items, size guides and shipping quotes. Staff run it from an admin portal covering products, inventory adjustments, orders, size guides, store policies, staff accounts, analytics and catalog health checks. An AI fashion designer asks who the shopper is buying for, their age and the occasion, then suggests pieces from the live collection with prices and available sizes. It can also check a Leopards Courier parcel from a tracking ID.

Implementation

Single-page React storefront on Vercel with account, cart, checkout and wishlist flows, a separate admin area for catalog, inventory, orders, staff and analytics, and an assistant endpoint that answers recommendation and tracking questions against the live catalog.

Architecture

React storefront and admin on Vercel with Clerk authentication. Storefront, account, admin and assistant APIs sit behind the same domain. The assistant reads the live catalog for prices and sizes and checks parcel status through Leopards Courier.

Tech stack

• React
• Vercel
• Clerk
• AI assistant
• Leopards Courier

Results

• A live store with its own admin portal rather than a template theme
• Outfit suggestions drawn from the current catalog, with live prices and sizes
• Parcel status from a tracking ID without a support message
• Staff manage catalog, stock, orders and size guides themselves