Logo Mieux Jeans
Notre plus grand projet

Mieux Jeans

Conception & développement complet (frontend, backend, infrastructure) · E-commerce, mode & denim premium

Écosystème digital complet pour Mieux Jeans, marque de jeans premium marocaine (2 magasins physiques à Casablanca) : un site e-commerce sur mesure et une plateforme de gestion opérationnelle qui connecte commandes, caisse, stock, production, livraison et analytics. Deux systèmes construits from scratch, connectés en temps réel, déployés en production.

Visiter le site

Notre approche

Le site mieuxjeans.com est disponible en 3 langues (français, anglais, arabe), avec une interface moderne et épurée pensée pour une expérience d'achat fluide : sélecteurs avancés (taille, tour de taille, longueur), recherche et panier intégrés. Ce que les visiteurs ne voient pas : le site est connecté en direct à une plateforme de gestion plus large qui tourne en arrière-plan : stock, commandes, production et livraison sont synchronisés en temps réel avec les 2 magasins physiques de la marque. Ce volet plateforme étant confidentiel, il est présenté plus bas sous forme de maquettes animées plutôt que de captures d'écran réelles. C'est à ce jour notre projet le plus ambitieux : deux systèmes connectés, 6 modules, plus de 33 endpoints API et 6 rôles utilisateurs.

Mieux Jeans, aperçu desktop
Mieux Jeans, aperçu mobile

Et derrière le site, la plateforme qui fait tout tourner

2

Systèmes livrés

6

Modules plateforme

2

Magasins connectés

33+

Endpoints API

6

Rôles utilisateurs

LIVE

En production

Modules de la plateforme

Gestion Commandes

Order Management

  • Commandes depuis mieuxjeans.com (site sur mesure)
  • Commandes manuelles & WhatsApp
  • Intégration Cathedis : 616 villes marocaines
  • Échanges & retours clients
  • Suivi statut livraison auto toutes les 7 min
mieuxjeans.com
Plateforme
Cathedis
Client

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.

Caisse Magasin (POS)

Point of Sale System

  • Scan code-barres automatique (scanner SUNLUX)
  • Ticket thermique 80mm (Xprinter XP-Q80A)
  • Tiroir-caisse automatique RJ11
  • Mode hors-ligne PWA : IndexedDB + auto-sync
  • Remises, codes promo & édition prix caissier

Caisse, Ain Sebaa

Terminal 01

En ligne
Scan code-barres
Total1 830 DH
Encaisser

Gestion Stock

Inventory Management

  • 4 catégories (Jeans, Vestes, Ensembles, Accessoires)
  • Variations taille × longueur par catégorie
  • Génération PDF codes-barres (Xprinter XP-470B)
  • Alertes stock faible en temps réel
  • Transferts de stock inter-magasins

Stock, Tous magasins

1 496 unités

842

Jeans

W28–W40 · L30–L34

216

Vestes

S–XXL

98

Ensembles

S–XL

340

Accessoires

Taille unique

Stock faible : Jeans Slim W32, 3 restants

Workflow Production

Factory Workflow

  • Demandes de production usine avec validation
  • Statuts EN_ATTENTE → EN_PRODUCTION → TERMINÉ
  • Expéditions vers 2 magasins simultanément
  • Bon de livraison PDF automatique
  • Contrôle qualité & vérification à la réception
En attente
En production
Terminé
Expédition vers
Ain Sebaa
Sidi Maarouf

Analytics & Rapports

Dashboard & Reports

  • KPIs par magasin en temps réel
  • Top produits vendus par période
  • Rapports journaliers & mensuels PDF
  • Dashboard admin consolidé multi-magasins
  • Clôture de journée & résumé caisse automatique
Ventes du jour : 18 400 DH
27 commandes

Répartition par magasin

Ain Sebaa
11 200 DH
Sidi Maarouf
7 200 DH

Top produits

Jeans Slim W3212 ventes
Veste Denim L8 ventes
Ceinture Cuir6 ventes

Notifications & IA

Real-Time Alerts & AI

  • Notifications temps réel WebSocket (Socket.io)
  • Alertes WhatsApp automatiques via Twilio
  • Chatbot IA intégré : GPT-4o-mini
  • Alertes stock faible & expéditions urgentes
  • Repli automatique par polling 30s si déconnexion

Notifications & Assistant IA

Alerte WhatsApp
Stock faible : Jeans Slim W32, 3 restants

Architecture système

mieuxjeans.com

Site e-commerce sur mesure

Caisse Magasin

PWA · mode kiosque, hors-ligne + scanner

Admin / Staff

Dashboard & commandes

Responsable Usine

Production & expéditions

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 rôles) · Socket.io Server · node-cron (sync 7 min) · jsPDF · JsBarcode

PostgreSQL (Neon, AWS)

Base de données serverless · Prisma Migrations

Cathedis API

Livraison nationale · 616 villes

Twilio WhatsApp

Alertes métier automatiques

OpenAI GPT-4o-mini

Chatbot IA intégré

Rôles utilisateurs (RBAC)

SUPER_ADMIN

Accès total : configuration système complète

ADMIN

Commandes, stock, analytics, utilisateurs

STAFF

Traitement des commandes & livraisons Cathedis

FACTORY MANAGER

Production, validation des demandes, expéditions

PRODUCTION

Consultation du suivi de production usine

STORE CASHIER

Caisse POS restreinte à son magasin uniquement

Points forts techniques

< 1s

Chargement page stock

Endpoint optimisé de 19 Mo à 200 octets, avec cache serveur 5 min + localStorage 2 min côté dashboard.

PWA

Mode hors-ligne complet

Service Worker + IndexedDB : les ventes sont enregistrées hors-ligne puis synchronisées automatiquement au retour du réseau.

2 systèmes

Écosystème connecté

Site e-commerce et plateforme SaaS synchronisés en temps réel : un seul flux de données, zéro saisie double.

Stack technique

Next.js (App Router) · next-intl · NextAuth.js · PrismaTailwind CSSVercel BlobSocket.ioNode.js + ExpressPostgreSQL (Neon, AWS)OpenAI GPT-4o-miniTwilio WhatsAppPWA + IndexedDBVercel + Railway

Fonctionnalités

  • Site disponible en 3 langues (FR/EN/AR)
  • Sélecteurs avancés : taille, tour de taille, longueur
  • Catalogue avec filtres par coupe (slim, baggy, cargo, cropped...)
  • Panier & recherche intégrés
  • Connecté en temps réel à la plateforme de gestion (stock, commandes, production)
  • Newsletter, WhatsApp click-to-chat
  • Pages À propos, Savoir-faire, FAQ, Retours
Retour au portfolio