Overview
ModGIS is a modular product configuration platform where design selections are composed in real time through an SVG layer engine. The system is structured for consistency across variant combinations and for reliable output generation.
Workflow
Base Model
Layer Assembly
Rule Validation
Live Preview
PDF Export
Core System
Shared viewBox SVG architecture
Anchor-based part placement
Hard/soft compatibility rules
Pantone-driven color control
User session and saved designs
Outputs
Real-time modular preview
Combination code generation
Comment and revision workflow
Localized TR/EN user flow
PDF export for final designs
Technology Stack
Next.js
React
TypeScript
Tailwind CSS
Zustand
SVG Engine
html2canvas
jsPDF