PlateCreate – Configurateur de cadres de plaque d'immatriculation

Défi : Créer un éditeur de design de niveau professionnel qui gère le texte, les images, les formes et le dessin à main levée avec une précision au pixel près, tout en restant intuitif pour des utilisateurs non techniques, sur ordinateur comme sur mobile.

Solution : J'ai construit l'éditeur sur Konva.js avec plus de 50 polices pour cadres de plaque d'immatriculation, six outils de forme, quatre types de pinceaux avec réglage de l'opacité et un système complet de gestion des calques avec contrôle du z-index. Le magnétisme intelligent façon Canva affiche des repères d'alignement au centre, sur les bords et entre les éléments, même lorsqu'ils sont pivotés. L'éditeur propose l'annulation et le rétablissement avec historique complet, des raccourcis clavier, le magnétisme de rotation sur les angles cardinaux, un zoom de 10 % à 300 %, des grilles, des règles et l'export PNG et PDF haute résolution, prêt pour l'impression. Une interface responsive pour mobile, avec panneau inférieur coulissant et barre d'outils flottante, garantit une expérience fluide sur tous les appareils.

Défi : Gérer cinq rôles distincts (utilisateurs classiques, super-administrateurs, concessionnaires, imprimeries et partenaires immobiliers), chacun avec ses propres tableaux de bord, autorisations et processus, en plus d'une chaîne e-commerce complète : paiements, place de marché et collecte de fonds.

Solution : J'ai conçu un système basé sur les rôles, avec redirection automatique vers le bon tableau de bord et un portail dédié à chaque type d'utilisateur. Les concessionnaires gèrent les modèles et les codes promo, les imprimeries traitent les commandes attribuées selon leur zone de service et les partenaires immobiliers configurent des commandes à expédition automatique. La plateforme intègre Stripe pour un paiement sécurisé avec gestion des webhooks, une place de marché de designs avec validation par un administrateur, des campagnes de collecte de fonds avec suivi des objectifs et demandes de retrait, ainsi qu'un programme de parrainage récompensé par des crédits, avec blocage de l'auto-parrainage.

Défi : Offrir des temps de chargement rapides et une authentification sécurisée sur une plateforme riche en fonctionnalités, déployée sur une infrastructure en périphérie (edge) avec un stockage basé sur SQLite et un stockage objet pour les fichiers importés par les utilisateurs.

Solution : J'ai déployé la plateforme sur Cloudflare Pages avec D1 (SQLite) pour la base de données et R2 pour le stockage des images, avec 22 index de base de données et une mise en cache HTTP agressive (10 min de cache navigateur, 2 h de cache CDN) pour charger les tableaux de bord en moins de 100 ms, soit une amélioration de 95 %. L'authentification repose sur des jetons de session avec vérification à deux facteurs (code à usage unique par e-mail via Resend, par téléphone via Twilio), une mise en cache des sessions de 30 secondes qui réduit de 90 % les requêtes à la base de données, une limitation du débit sur les points de terminaison sensibles et le hachage des mots de passe avec bcrypt. La plateforme compte 44 migrations de base de données avec des transactions conformes ACID.