Feneo - Configurateur de fenêtres

Feneo - Configurateur de fenêtres

Feneo est un configurateur de fenêtres sur mesure développé pour un menuisier. Il remplace un fichier Excel historique utilisé pour chiffrer et dessiner les fenêtres, par un outil web permettant de dessiner visuellement un projet, de le chiffrer et de l'exporter en PDF.

Contexte

Objectifs

• Remplacer un fichier Excel historique, utilisé pour chiffrer et dessiner des fenêtres sur mesure, par un outil web dédié.
• Permettre de dessiner visuellement une fenêtre, vantaux, petit bois, traverses et cotes, plutôt que de la décrire dans un tableau.
• Centraliser la gestion des projets par société et par utilisateur, avec export PDF prêt à transmettre au client.

Mon rôle

• Développement Full-stack: conception et réalisation complète de l'application, de la logique métier héritée du fichier Excel à l'interface de dessin interactif, en solo.

Processus

Recherche et Inspiration

• Analyse approfondie du fichier Excel existant pour en extraire les règles de calcul et de dimensionnement à reproduire fidèlement dans l'application.

Définition des fonctionnalités

• Dessin interactif de la fenêtre, avec options de cotes et d'interactions, remplaçant la description tabulaire du fichier Excel.
• Gestion de projets par société: création, sauvegarde, chargement et duplication, avec garde-fou contre la perte de modifications non enregistrées.
• Panneau d'administration et gestion des droits d'accès par société et par utilisateur.
• Export PDF et impression des fiches techniques générées.
• Installation en PWA pour un usage simplifié sur le terrain.

Développement

• Développement avec Next.js (App Router), React et TypeScript, Supabase pour l'authentification et la base de données, Zustand pour la gestion d'état.
• Dessin interactif construit avec @dnd-kit pour les interactions de glisser-déposer.
• Génération de PDF via jsPDF et html-to-image pour convertir les plans dessinés en documents exportables.
• Validation des formulaires avec React Hook Form et Zod.

Conclusion

Défis rencontrés

• Reproduire fidèlement, dans une interface visuelle, des règles de calcul et de dimensionnement initialement pensées pour un tableau Excel.
• Faire évoluer le dessin interactif de la fenêtre par itérations successives jusqu'à un résultat fidèle à l'usage réel, avec des ajustements tardifs sur la base de retours concrets du menuisier.
• Structurer les droits d'accès et la gestion multi-société sans complexifier excessivement le modèle de données.

Résultats et Apprentissages

• Outil fonctionnel permettant de dessiner, chiffrer et exporter un projet de fenêtre de bout en bout, en remplacement du fichier Excel initial.
• Mise en place d'une architecture complète, authentification, base de données et droits d'accès, adaptée à un usage multi-société.
• Montée en compétence sur la construction d'interfaces de dessin interactif et la génération de documents PDF côté client.

Site en ligne