MARoselle

Premium Moroccan E-Commerce Platform

MARoselle is a production e-commerce storefront built for Morocco’s luxury market. It combines a localized shopping journey, a persistent client-side cart, and real-time order notifications so the experience feels fast and familiar for both customers and the admin team.

Introduction

Client

MARoselle

Status

Production & actively maintained

Role

Full-stack developer

Market

Moroccan luxury e-commerce

Hosting

Vercel

The challenge was to create a fast, reliable shopping flow for Moroccan customers: a cart that survives refreshes, checkout details that reflect local expectations, and an operational loop that gives the admin team immediate visibility of each order.

The Solution

The platform pairs Next.js 15 and React 19 with TypeScript and Tailwind CSS to deliver a responsive storefront across 49+ components. Zustand and localStorage keep cart changes immediate and durable; Framer Motion and Embla Carousel add motion without compromising the shopping flow.

Key Features

Dynamic catalogue with 60+ items and filtering by colour, size, and category
Persistent cart powered by Zustand persistence and client-side storage
Localized checkout with MAD pricing, cash on delivery, taxes, and delivery scheduling
Resend API and transactional messaging notifications, with graceful failure handling
SEO foundations: dynamic sitemaps, metadata, and structured data

Outcome

MARoselle is live, receives customer orders daily, and is actively maintained for Moroccan mobile shoppers. The storefront achieves a sub-2.5 second LCP while the product and checkout logic are designed to scale toward a 2,000+ product catalogue with 95%+ TypeScript coverage.

“A localized commerce experience only works when the storefront, checkout, and order operations move together. MARoselle makes each layer feel immediate for the customer and dependable for the team.”