Advanced Dynamic Form Builder
این پروژه یک ابزار آنلاین برای ساخت فرمهای داینامیک با رابط کاربری Drag & Drop است که به کاربران امکان میدهد فرمهای چندبخشی پیچیده با اعتبارسنجی، منطق شرطی و خروجی ساختیافته JSON ایجاد کنند. این سیستم بهگونهای طراحی شده که هم برای ساخت فرم و هم برای اجرای فرمهای تولیدشده قابل استفاده باشد و با RESTful APIs یکپارچه شود. تمرکز اصلی پروژه بر مدیریت stateهای پیچیده، انعطافپذیری بالا و حفظ پایداری سیستم در سناریوهای داینامیک بوده است.
Front-End Developer & Architect (React / TypeScript) مسئول طراحی معماری فرمساز، پیادهسازی Drag & Drop، مدیریت state، سیستم اعتبارسنجی، منطق شرطی و ساخت خروجی JSON.
فرمها بر اساس یک schema مستقل از UI تعریف شدند. این تصمیم امکان export/import JSON، اجرای فرم در محیطهای مختلف و توسعهپذیری بلندمدت را فراهم کرد.
برای مدیریت فرمهای پیچیده با حداقل re-render و تعریف validationهای type-safe و قابل گسترش. این ترکیب در فرمهای داینامیک عملکرد بهتری نسبت به فرمهای کنترلشده داشت.
به دلیل کنترل دقیق روی performance، collision detection و امکان مدیریت ترتیب فیلدها بدون ایجاد re-renderهای سنگین.
محیط ساخت فرم و محیط اجرای فرم بهصورت کامل از هم جدا شدند تا پیچیدگیها ایزوله و نگهداری سادهتر شود.
جهت مدیریت async state، ارسال دادهها و جلوگیری از تکرار درخواستها در فرمهای طولانی.
این پروژه تمرینی جدی در مدیریت پیچیدگی، طراحی سیستمهای داینامیک و تصمیمگیریهای معماری بود و نشان میدهد که تمرکز من فقط روی ساخت UI نیست، بلکه روی طراحی سیستمهایی است که در شرایط واقعی پایدار و قابل توسعه باقی بمانند.