Mieux Jeans
Full design & development (frontend, backend, infrastructure) · E-commerce, premium fashion & denim
A complete digital ecosystem for Mieux Jeans, a premium Moroccan denim brand (2 physical stores in Casablanca): a custom e-commerce site and an operational management platform connecting orders, checkout, inventory, production, delivery and analytics. Two systems built from scratch, connected in real time, deployed in production.
Visit siteOur approach
The mieuxjeans.com site is available in 3 languages (French, English, Arabic), with a modern, clean interface built for a smooth shopping experience: advanced selectors (size, waist, length), built-in search and cart. What visitors don't see: the site is live-connected to a larger management platform running behind the scenes: inventory, orders, production and delivery are synced in real time with the brand's 2 physical stores. Since this platform side is confidential, it's presented below through animated mockups rather than real screenshots. It's our most ambitious project to date: two connected systems, 6 modules, over 33 API endpoints and 6 user roles.
And behind the site, the platform that runs everything
2
Systems shipped
6
Platform modules
2
Stores connected
33+
API endpoints
6
User roles
LIVE
In production
Platform modules
Order Management
Order Management
- Orders from mieuxjeans.com (custom site)
- Manual & WhatsApp orders
- Cathedis integration: 616 Moroccan cities
- Customer exchanges & returns
- Auto delivery status tracking every 7 min
Chaque commande passée sur le site est transmise en temps réel à la plateforme, qui déclenche l'expédition Cathedis vers l'une des 616 villes couvertes.
Store Checkout (POS)
Point of Sale System
- Automatic barcode scanning (SUNLUX scanner)
- 80mm thermal receipt (Xprinter XP-Q80A)
- Automatic RJ11 cash drawer
- Offline PWA mode: IndexedDB + auto-sync
- Discounts, promo codes & cashier price edits
Caisse, Ain Sebaa
Terminal 01
Inventory Management
Inventory Management
- 4 categories (Jeans, Jackets, Sets, Accessories)
- Size × length variations per category
- PDF barcode generation (Xprinter XP-470B)
- Real-time low-stock alerts
- Inter-store stock transfers
Stock, Tous magasins
1 496 unités842
Jeans
W28–W40 · L30–L34
216
Vestes
S–XXL
98
Ensembles
S–XL
340
Accessoires
Taille unique
Production Workflow
Factory Workflow
- Factory production requests with approval
- Statuses: PENDING → IN PRODUCTION → DONE
- Simultaneous shipments to 2 stores
- Automatic PDF delivery note
- Quality control & receipt verification
Analytics & Reports
Dashboard & Reports
- Real-time KPIs per store
- Top-selling products by period
- Daily & monthly PDF reports
- Consolidated multi-store admin dashboard
- Automatic day close & register summary
Répartition par magasin
Top produits
Notifications & AI
Real-Time Alerts & AI
- Real-time WebSocket notifications (Socket.io)
- Automatic WhatsApp alerts via Twilio
- Built-in AI chatbot: GPT-4o-mini
- Low-stock alerts & urgent shipments
- Automatic 30s polling fallback on disconnect
Notifications & Assistant IA
Stock faible : Jeans Slim W32, 3 restants
System architecture
mieuxjeans.com
Custom e-commerce site
Store Checkout
PWA · kiosk mode, offline + scanner
Admin / Staff
Dashboard & orders
Factory Manager
Production & shipments
Frontend (Vercel)
Next.js 14 App Router · React 19 · TypeScript · NextAuth.js · Tailwind CSS · Socket.io Client · PWA + Service Worker + IndexedDB
Backend API (Railway)
Node.js + Express · Prisma ORM · JWT + RBAC (6 roles) · Socket.io Server · node-cron (7 min sync) · jsPDF · JsBarcode
PostgreSQL (Neon, AWS)
Serverless database · Prisma Migrations
Cathedis API
Nationwide delivery · 616 cities
Twilio WhatsApp
Automatic business alerts
OpenAI GPT-4o-mini
Built-in AI chatbot
User roles (RBAC)
SUPER_ADMIN
Full access: complete system configuration
ADMIN
Orders, inventory, analytics, users
STAFF
Order processing & Cathedis deliveries
FACTORY MANAGER
Production, request approval, shipments
PRODUCTION
Factory production tracking view
STORE CASHIER
POS checkout restricted to their own store
Engineering highlights
< 1s
Inventory page load
Endpoint optimized from 19 MB to 200 bytes, with a 5 min server cache + 2 min localStorage on the dashboard.
PWA
Full offline mode
Service Worker + IndexedDB: sales are recorded offline then automatically synced once the network is back.
2 systems
Connected ecosystem
E-commerce site and SaaS platform synced in real time: a single data flow, zero double entry.
Tech stack
Features
- Site available in 3 languages (FR/EN/AR)
- Advanced selectors: size, waist, length
- Catalog with fit filters (slim, baggy, cargo, cropped...)
- Built-in cart & search
- Real-time connection to the management platform (inventory, orders, production)
- Newsletter, WhatsApp click-to-chat
- About, Craftsmanship, FAQ and Returns pages