توسعه و گسترش ماژول شجره‌نامه (Pedigree)

شرح پروژه: یک طرح اولیهٔ شجره‌نامه برای 3 نسل آماده است و در «صفحه 18» دکمهٔ افزودن همسر وجود دارد. هدف ما، انتقال این طرح به صفحهٔ اصلی HTML و توسعهٔ آن با ویژگی‌های جدید شامل: افزودن خواهر/برادر گسترش چیدمان تا نسل 4 و 5 پشتیبانی از چند همسری/چند شریک (Multi-Partner) خروجی تصویر (SVG/PNG) Import/Export JSON برای تست چیدمان خودکار بدون هم‌پوشانی (SVG) و بازمرکزبندی والدین بعد از هر تغییر مسئولیت‌ها: ادغام کد موجود 3 نسل در صفحهٔ اصلی HTML و حفظ سازگاری با بقیهٔ UI. تکمیل اکشن‌ها: افزودن همسر، افزودن فرزند، افزودن خواهر‌و‌برادر، حذف و ویرایش. چیدمان خودکار بدون تداخل (SVG) با حفظ ترتیب تولد (چپ→راست). بازمرکزبندی والدین روی مرکز افقی فرزندان بعد از هر تغییر. پیاده‌سازی چند شریک برای یک فرد (هر شریک یک Union جداگانه). خروجی تصویر (SVG/PNG) و Import/Export JSON برای تست عملی. مستندسازی کوتاه و تمیز. الزامات فنی (مهارت‌های ضروری): تسلط به HTML/CSS/JavaScript (ES6+) و SVG. تجربهٔ عملی در چیدمان درخت/گراف و حل هم‌پوشانی باکس‌ها. توانایی کار با یکی از رویکردها: Vanilla JS یا D3.js. Git و کدنویسی ماژولار، قابل‌نگه‌داری. ادغام فایل‌های JS و CSS. مزیت‌ها (Nice-to-have): آشنایی با الگوریتم‌های Reingold–Tilford یا Layered Layout. تجربهٔ پروژه‌های پزشکی/ژنتیک یا رسم شجره‌نامه. تسلط به TypeScript. تجربهٔ طراحی RTL (برای زبان فارسی). خروجی‌ها و معیار پذیرش: ماژولی که تا نسل 5 بدون هم‌پوشانی نماد/برچسب کار کند. پشتیبانی از افزودن خواهر/برادر و چند همسری. بازمرکزبندی والدین پس از هر تغییر. امکان خروجی SVG/PNG و Import/Export JSON. پیاده‌سازی آنلاین شجره‌نامهٔ موجود در پاورپوینت (فایل 12) با المان‌های وب (SVG).