Form Make
أنшئ نماذج يحب الناس ملأها
О проекте и концепция
Form Make هي خدمة SaaS حديثة مصممة لإطلاق الاستبيانات التفاعلية ونماذج الملاحظات والاختبارات وأدوات جمع البيانات بسرعة. تلغي تعقيدات الإعداد بفضل محرر مرئي سلس وتخصيص مرن للعلامات التجارية وتحليلات في الوقت الفعلي.
Ключевые возможности
- هيكل Bun Monorepo: واجهة Next.js 16 (React 19) مع محرك Hono API عالي الأداء
- نظام سمات قائم على SCSS و Style Dictionary مع 16 سمة فاتحة وداكنة
- محرر نماذج تفاعلي بالسحب والإفلات باستخدام @hello-pangea/dnd و React Aria
- اتصال مباشر (Socket.io)، تصدير PDF/Excel، بوت تلغرام (grammY)، والذكاء الاصطناعي (Ollama)
Инженерные вызовы и решения
هندسة الاستمارات متعددة المراحل وأنظمة التقييم
تخطيط الصفحة الواحدة اللانهائي يسبب الملل. تطلب النظام تقسيم الاختبارات إلى مراحل منفصلة مع حساب مخصص للنتائج.
تم تصميم نظام معالجة قائم على الفصول مع شروط انتقال مرنة وحساب موحد للنقاط عبر المراحل.
أداء محرر النماذج المرئي بالسحب والإفلات
تسببت عمليات السحب المستمرة وتعديل الحقول في حدوث بطء في أداء واجهة المستخدم عند التعامل مع المخططات الكبيرة.
تم بناء محرك تقديم تصريحي باستخدام Zod و React Aria، مع توظيف Redux Toolkit لعزل تحديثات الحقول.
تخصيص الهوية البصرية بدون كتابة تعليمات برمجية
طلب المستخدمون القدرة على تخصيص ألوان وأشكال النماذج بالكامل دون معرفة بلغة CSS.
تم دمج Style Dictionary لتحويل رموز التصميم (Tokens) إلى متغيرات CSS داخل ملفات SCSS لـ 16 سمة مخصصة.
Выводы и вынесенный опыт
- بناء محرر مرئي موثوق يتطلب عزلاً دقيقاً للحالة.
- تجربة مستخدم النموذج لا تقل أهمية عن تجربة محرر النماذج نفسه.