Family Shapes Fresh Intake Archive
Family Shapes is a relationship-centered web app for donor-conceived families, donors, and reproductive-care organizations to map family trees, manage privacy-aware collaboration, and support communication across recipient, donor, clinic, and community contexts.
Table of contents
Narrative
Why This Project Matters
Family Shapes is a strong clean-lane test because it is not a single-surface app. It has to hold together a relationship graph, privacy-sensitive collaboration, donor-facing controls, public community publishing, and a professional clinic-facing story without flattening those audiences into one generic onboarding path.
What the Source Repo Actually Covers
The repository shows both live product surfaces and the internal operating discipline behind them. Public routes cover recipient, donor, clinic, community, and get-started entry points, while the docs and API layers reveal the harder trust model underneath: collaborator roles, invitation flows, sharing links, donor privacy settings, seeded QA personas, and an active plan to separate the professional SaaS lane from community-style organization features.
What This Fresh Intake Proves
This first clean Family Shapes intake proves that the new discovery-first process can import a complex multi-audience product without dragging old Hyphenomenon cleanup debt with it. The result is already coherent enough to publish as a project with curated supporting notes and screenshot-backed proof, while still making the next enrichment needs obvious: stronger surfaced product sections, more labeled outbound links, and eventually authenticated proof states.
System surfaces
Recipient Family Platform
The family-facing surface centers on finding relatives, building relationship graphs, and managing family-tree collaboration in a private environment.
Donor Portal
Donors get a separate experience for profile management, privacy settings, health updates, and communication boundaries with recipient families.
Community Hub
Stories, forums, and resources extend the product beyond account-only tree management into an ongoing editorial and community layer.
Professional Clinic Surface
The clinic and cryobank-facing marketing surface frames Family Shapes as a donor-oversight and compliance platform, even as the repo docs increasingly separate that work into a dedicated SaaS lane.
Cross-Audience Entry Routing
The get-started flow shows how Family Shapes routes different audiences into signup or waitlist entry paths using environment-driven portal modes.
Implementation stack
Frontend and Interaction
- • React 18
- • TypeScript
- • Vite
- • Tailwind CSS
- • TanStack Query
- • React Router
Data, Auth, and APIs
- • Neon Postgres
- • Neon Auth
- • Prisma
- • Repo-owned API routes
- • SQL migrations in db/migrations
Media, Delivery, and QA
- • S3-compatible storage
- • Resend email delivery
- • Netlify functions
- • Vitest
- • Playwright
- • Seeded persona scripts
Evidence trail
Relationship Graph Core
The core product model ties people, family trees, and connections together so a family graph can be edited, explored, and interpreted across different relationship contexts.
4 entities
Trust and Access Layer
A separate access-control layer governs who can collaborate, who can join via invitation, and how public sharing differs from persistent user access.
5 entities
Project Master Plan
Product vision, scope, and system map for Family Shapes
"Product brief: Family Shapes"
One-page product summary covering users, problem, MVP scope, and success metrics
Donor Portal
Comprehensive documentation of the Donor Portal feature
Security/Sharing/Permissions/Privacy Audit (P1.1)
Inventory and rationalization across frontend and backend
1018 – SaaS Portal Platform
Plan and implement a multi-tenant SaaS portal for cryobanks and clinics with RBAC, billing, analytics, and professional workflows, separate from the Family and Donor apps