KAP Designer

Ce projet est un configurateur 2D interactif permettant de concevoir et personnaliser des terrasses directement dans le navigateur. L’utilisateur peut dessiner la forme de la terrasse, ajuster les dimensions, manipuler les éléments en temps réel et visualiser instantanément les modifications apportées.

Le cœur de l’application repose sur Konva.js, utilisé pour gérer le canvas 2D, les interactions complexes (drag & drop, zoom, snap magnétique, jonctions entre lignes) ainsi que la modification dynamique des formes. L’architecture est pensée pour offrir une expérience fluide, même lors de manipulations avancées comme le déplacement de segments connectés ou le recalcul automatique des surfaces.

L’application est développée avec Next.js et TypeScript afin de garantir de bonnes performances, une navigation optimisée et une base de code robuste. Prisma et PostgreSQL sont utilisés pour la gestion des données, permettant de sauvegarder les configurations et d’assurer leur persistance.

Un soin particulier a été apporté à l’ergonomie et à l’expérience utilisateur : interface claire, feedback visuel immédiat, système d’undo/redo, affichage des dimensions et logique de placement intelligent des éléments. Le design, réalisé avec Tailwind CSS, est entièrement responsive et pensé pour une utilisation professionnelle.

Ce configurateur met en avant des compétences avancées en logique front-end, en gestion d’interactions graphiques complexes et en conception d’outils métiers sur mesure.