Family Tree Module

• Структура проекта

• Отобразить viewport

• Отобразить корневой элемент

• Отобразить роли

• Выставить роли по у

• Выставить роли по х

• Рассчет габаритов svg

• Разделить на левые и правые

• Выставить по х

• Выставить элементы по у (выставить группу, выставить роли по высоте, выставить уровни)

• Отобразить элементы

• Нарисовать стрелки от ролей до корневого элемента

• Нарисовать стрелки до ролей

• Отображать баблы для элементов

• Отображать баблы для стрелок

• Отображать остальную информацию

• Реализовать перетаскивание

• Реализовать full screen

• Реализовать zoom

• Реализовать переход по элементам

• i18n (ru, en, lv)

• Реализовать ховер для элемента

• Реализовать ховер для стрелки

• Нормальный прелодер

• Кнопка "назад"

• Реализовать сохранение в pdf

• Выставить иконки на кнопки

• Запрос на api для favorites

Хорошие примеры

• https://www.crediweb.lv/family-tree/096721/
• https://www.crediweb.lv/family-tree/0141735/

Bugs

• Проблемы с интерактивностью стрелок при наличии таймера

Улучшалки

• Написать общий компонент и класс для Items and TargetItems

• Написать areEqual для React.memo (https://ru.reactjs.org/docs/react-api.html#reactmemo)

• Применить React.Suspense (https://ru.reactjs.org/docs/react-api.html#reactsuspense)

• Улучшить lint проекта (добавить proptypes, displayName etc)

• Реализовать zoom спедствами колесика мыши, где центром будет являться курсор мыши