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.
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
10 artifacts grouped by type so each kind of proof can be scanned on its own.
Data models
2 artifactsRelationship 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
Images
3 artifacts
imagecross-audience onboarding surface showing how Family Shapes routes users into family, donor, or organization entry points.
imagecurrent closest public equivalent to a settings/control surface, showing the centralized audience-routing and organization entry configuration.
image