Oliver 'Oli' Cheng
← Back to projects
2026 live

Family Tapestry

Interactive family-tree builder for mapping ancestry with graph-based editing and rich profiles.

  • React
  • TypeScript
  • React Flow
  • TanStack Query
  • Supabase

Problem

Family-tree tools are often rigid and hard to explore once data grows.

Solution

Implemented drag-and-connect graph editing with support for multiple relationship types and profile detail.

Impact

Makes family structure exploration and story preservation easier for non-technical users.

Family Tapestry focuses on visual lineage mapping with practical collaboration and privacy controls. Read the companion essay: Philosophy of Family Tapestry.

Feature highlights

  1. Interactive node graph with smart connectors
  2. Rich person profiles with life events and media
  3. Flexible relationship modeling (parent, spouse, guardian, adoptive)
  4. Private, unlisted, or public sharing modes

Demo Mirror

Live Preview

Mini preview of the actual demo. Use the launch button for full-screen interaction.

Open Demo