BEN/
Retour aux projets / La Maison Arlett
Web · 2026Lead Full-Stack Developer

La Maison Arlett

Mini-ERP Fashion & E-commerce Premium - Système complet de gestion retail et mode pour une maison ivoirienne établie depuis plus de 7 ans.

Hero — La Maison Arlett
(01)À propos du projet

Arlett Abidjan n'est pas un simple site e-commerce. C'est l'infrastructure digitale complète d'une maison de mode ivoirienne : un Mini-ERP centralisé qui unifie la vente en ligne, l'atelier Sur-mesure et la gestion interne des opérations physiques. Conçu pour la montée en gamme, la structuration et l'ouverture internationale depuis Abidjan vers le monde. La plateforme incarne l'élégance, la confiance et le désir, avec chaque interaction pensée pour inspirer et offrir une expérience à la hauteur des standards du luxe accessible.

(02)Fonctionnalités principales
  • E-commerce B2C : Catalogue prêt-à-porter avec fiches détaillées, panier, tunnel de commande 3 étapes (Adresse CI/International, Expédition, Paiement)
  • Guest Checkout : Commande sans compte via session anonyme Supabase, liaison automatique à l'inscription
  • Paiements : Mobile Money (Orange, MTN, Moov, Wave via PaiementPro), Paiement en boutique
  • Livraison 3 zones : Abidjan 2 000 FCFA, CI hors Abidjan 4 000 FCFA, International 35 000 FCFA, Retrait Atelier gratuit (Donnée à mettre à jour)
  • Sur-mesure & Couture : Formulaire mensurations, devis en ligne, jalons de production, assignation couturier
  • Dashboard Admin complet : KPIs temps réel, graphiques CA (Recharts), gestion produits/stock/commandes/utilisateurs, Point de Vente physique (POS), Finance, Messages, Notifications Realtime
  • Dashboard Employé : POS boutique, gestion commandes assignées, consultation stock avec alertes, signalement rupture
  • Système RBAC 3 rôles : clients (espace personnel), administrateurs (gestion totale), employés (opérations boutique)
  • Produits Solidaires : Toggle admin, 3 causes (Octobre Rose, Novembre Bleu, Noël Enfants), badge sur catalogue, page dédiée
  • Emails transactionnels : Confirmation commande client/invité (Resend), notification admins, templates personnalisés
  • Gestion Stock : Décrémentation automatique, alertes rupture/faible, historique mouvements, ajustements manuels
  • Notifications push : 6 types (commande, message, stock, alerte, utilisateur, finance), Supabase Realtime
  • SEO complet : sitemap.xml dynamique, robots.txt, manifest PWA, JSON-LD (ClothingStore, Product, BreadcrumbList), OG/Twitter cards
  • Design System Unified Arlett : Bordures ultra-fines, labels uppercase tracking, transitions Framer Motion, auth double-panneau
(03)Défis techniques relevés
  • Architecture Mini-ERP : Unifier 3 pôles métier (E-commerce B2C, Sur-mesure Atelier, Gestion Interne B2B) dans un seul système cohérent
  • RBAC avancé : Middleware Next.js + RLS Supabase pour 3 rôles distincts avec guards Server/Client séparés
  • Guest Checkout : Implémentation session anonyme Supabase + liaison automatique commandes via trigger DB à l'inscription
  • Paiement double gateway : Architecture switchable PaiementPro (live) / PayDunya (sandbox) / Mock dev via variable env
  • PaiementPro intégration : Gestion IPN bloqué sur Vercel Preview Protection, fallback confirmation depuis return URL, mapping canaux → méthodes DB
  • Livraison : Calcul dynamique tarif selon ville/pays (Abidjan, CI hors Abidjan, International), validation backend cohérente
  • Stock temps réel : Système de mouvements tracés, décrémentation atomique à la commande, alertes rupture/faible par variante
  • Notifications Realtime : 6 types branchés sur Supabase Realtime, mark-all-read, dismiss individuel, badge non-lus animé
  • Performance images : AVIF/WebP activés, sizes sur tous fill, priority sur LCP candidates, normalisation phone CI (00225X, 225X, 0X)
  • SEO multi-schémas : JSON-LD ClothingStore (LocalBusiness Abidjan), Product + BreadcrumbList dynamiques, sitemap avec tous produits DB
  • Emails transactionnels : Resend avec templates React (OrderConfirmedClient, Guest, Admin), fire-and-forget idempotent, domaine vérifié DKIM/SPF
  • TypeScript 690+ lignes types métier : Types dérivés de Database générés, synchronisation avec 21 scripts SQL (tables, RLS, triggers, vues, fonctions)
(04)Statistiques
150+
Fichiers TypeScript
80+
Composants React
25
Hooks personnalisés
21
Scripts SQL
20+
Fonctions RPC Supabase
8
Routes API
30+
Pages
3
Rôles RBAC
(05)Galerie
(06)Et maintenant

Intéressé par ce projet ?