Project
    DAR

    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

    01

    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.

    02

    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.

    03

    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

    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

    data modelfamily_trees

    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

    data modelfamily_tree_collaborators

    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

    note

    Project Master Plan

    Product vision, scope, and system map for Family Shapes

    1topic1scope
    note

    "Product brief: Family Shapes"

    One-page product summary covering users, problem, MVP scope, and success metrics

    1topic1scope
    note

    Donor Portal

    Comprehensive documentation of the Donor Portal feature

    1topic1scope
    note

    Security/Sharing/Permissions/Privacy Audit (P1.1)

    Inventory and rationalization across frontend and backend

    1topic1scope
    note

    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

    1topic1scope

    Connected references

    Visual evidence