Form Make
Create forms that people actually love to fill out
О проекте и концепция
Form Make is a modern SaaS service designed to rapidly launch interactive surveys, feedback forms, quizzes, and lead generation widgets. It eliminates setup overhead with an intuitive visual editor, flexible branding, and real-time response analytics.
Ключевые возможности
- Bun Monorepo: Next.js 16 (React 19) frontend paired with high-performance Hono API backend
- Design Token System built on SCSS & Style Dictionary with 16 light and dark themes
- Drag-and-drop interactive form builder with @hello-pangea/dnd and React Aria
- Real-time WebSockets (Socket.io), PDF/Excel exports, Telegram bot (grammY), and AI (Ollama)
Инженерные вызовы и решения
Multi-stage Survey Architecture & Scoring Systems
Traditional single-scroll layouts increase cognitive load. The platform needed multi-step separation with diverse grading algorithms.
Developed a phase-based section layout featuring dynamic branching logic at steps and unified custom score calculators.
Frictionless Visual WYSIWYG Builder Performance
Frequent user drag events and layout updates on large schema objects triggered expensive React re-renders.
Built a declarative field renderer with Zod & React Aria, utilizing Redux Toolkit to isolate field-level updates.
No-Code Brand Customization
Enterprise users requested complete form theme customization matching corporate identity without CSS knowledge.
Integrated Style Dictionary to translate design tokens into CSS variables within SCSS modules across 16 palettes.
Выводы и вынесенный опыт
- Building a reliable WYSIWYG editor demands meticulous state isolation.
- Respondent Form UX is just as critical as the Builder UX itself.