A comprehensive, interactive electrical plate & socket configuration tool built with Next.js. This project implements a sophisticated drag-and-drop interface for designing custom electrical plate layouts with real-time validation, responsive design, & precise centimeter-based positioning. It is ideal for learning modern React patterns, canvas-based
typescript nextjs coordinate-systems geometric-algorithms touch-support tailwindcss dragable-marker plate-generator dimension-detection real-time-validation zoom-control canvas-rendering socket-generator plate-socket-generator plate-canvas canvas-diagram drag-and-drop-interface centimeter-based-positioning socket-configuration electric-plate-layout
-
Updated
Mar 16, 2026 - TypeScript