Интерактивный конструктор генеалогического древа
Gtree.ru позволяет выстраивать историю семьи как живой редактируемый граф, а не статичную схему, — с фотографиями, документами и таймлайнами, привязанными к людям на древе. Мы вели проект как тимлид full-stack-команды из двух разработчиков около шести месяцев.
Что мы сделали
Визуализатор древа
- Отрисовка древа на D3.js, встроенная в приложение на Vue.js.
- Панорамирование и масштабирование для навигации по большим деревьям.
- Редактирование перетаскиванием: добавление, перемещение и связывание членов семьи прямо на холсте.
Вокруг древа
- Фотографии и документы, прикреплённые к людям и событиям.
- Таймлайны истории семьи.
- Экспорт в PNG и PDF для печати и обмена.
- Совместный доступ с правами, чтобы родственники могли просматривать или редактировать древо вместе.
- История изменений, чтобы просматривать и восстанавливать правки.
Стек
- Vue.js 2 и Vuetify для интерфейса приложения, D3.js для древа, Laravel 8 и MySQL на бэкенде.
Смежные работы
Посмотрите наши услуги по разработке веб-приложений и дизайну цифровых продуктов.
