Back to Projects FamilyTree pedigree view

FamilyTree

Next.js Supabase TypeScript Postgres RLS relatives-tree

Overview

I took an old .hzb genealogy backup sitting on a hard drive and turned it into a visual tree you can actually use. The source file was a Haza-Data export with 13,307 people and 22,027 relations going back many generations, trapped in a proprietary format nobody could open without the original software. FamilyTree imports the whole archive into Postgres and renders it as a pan-and-zoom pedigree in the browser.

Key Features

Lossless parser for the .hzb container format. Multi-tenant architecture using Supabase auth and Postgres row-level security, so multiple families can share the app without seeing each others' data. Interactive pedigree that windows around the focused person so a 13k-node dataset stays fluid. Pan and zoom tuned against Figma and Google Maps: inertia on pan, rubber-band at zoom limits, ease-out tweens on every programmatic change, keyboard shortcuts, double-click to zoom in. Inline edit drawer for fields and relations with a trash / restore flow for deletes.

View Live Demo Back to Projects