وضیح پروژه
یک پروژهٔ شجرهنامه خانوادگی (Pedigree Tree) با React + Next.js + TypeScript ساخته شده که بهصورت خودکار ارتباط والدین، فرزندان و همسران را در SVG نمایش میدهد.
در حال حاضر، هنگام افزودن پدر و مادرِ همسر (Father و Mother)، چیدمان بهدرستی عمل نمیکند:
همسر در مرکز پدر و مادرش قرار نمیگیرد.
و والدین انها که اضافه می شوند پدرشوهر و مادرشوهر بهاشتباه در نیمنسل پایینتر رسم میشوند.
🎯 هدف
کلا شجره بعد از افزودن والدین به همسران فرندان به هم می ریزه و بعد از افزودن همسر به افراد یا سایر افراد تداخل می کند
اصلاح منطق layoutDetectShift.ts و addParentsForPerson() بهطوریکه:
والدین همسر همیشه در نسل بالاتر قرار بگیرند.
spouse دقیقاً در مرکز پدر و مادرش نمایش داده شود.
⚙️ جزئیات فنی
Framework: Next.js 14 + React 18 + TypeScript
Libraries: @visx/zoom, html2canvas, jsPDF
ساختار داده: Person, Marriage, PedigreeData
مسیر فایلها:
/components/Pedigree.tsx /lib/layoutDetectShift.ts /app/
✅ انتظار خروجی
رفع باگ در محاسبهٔ نسل والدین همسر
تراز صحیح spouse در مرکز والدین
و موارد زیر
- فلش پروباند باید درست شود 2) بشود چند نفر با فنوتایپ یکسان رو داخل شون شماره داد و حجم رو کم کرد 3) در فرد مرده جهت فلش باید درست شود از ساعت 17 برود به 23 4) شماره برای هر فرد نتوانست درست شود 5) نسل به یونانی در سمت چپ درست شود 6) فونت درست شود
- زیر افراد عدد نوشته شود خودکار
