Custom Software
Feqi Yonis Family Tree
A private, living genealogy platform for the descendants of Faqih Yonis Abdosh — relatives can explore a multi-generation family tree, search by name, discover how they connect, and submit their own records for admin review.
Heritage & Community
- React 19
- TanStack Start
- Supabase
- TypeScript
- Tailwind CSS
- React Flow
Challenge
The Feqi Yonis family’s lineage — rooted in Faqih Yonis Abdosh, a respected Islamic scholar and judge from Harar — was spread across oral history, scattered notes, and memory. With 17 branches under Ahmed alone and 170+ documented relatives at launch, there was no single place to browse generations, resolve duplicate names, or let relatives add themselves without corrupting the record.
Solution
We built a full-stack family tree web app with an interactive visual tree (canvas and list views), fast name search with ancestry-path disambiguation, a blood-relationship finder, and a moderated “Add yourself” flow. Record keepers get an admin dashboard with a tree editor, submission review queue, registered-member management, JSON/Excel backup and restore, and an AI assistant for reviewing pending entries. The homepage also preserves the historical story of Faqih Yonis for current and future generations.
Result
The platform is live at babafeqi.raafat.site with 170+ seeded relatives across multiple generations, 17 documented branches from Ahmed, and a workflow where relatives can register and submit updates while admins approve changes before they appear publicly. The relational data model and real-time sync are built to scale as the family record grows into hundreds or thousands of entries.
Key features
- Interactive family tree
- Smart name search
- Relationship finder
- Moderated self-registration
- Admin record-keeping suite
- Live family statistics
Project gallery
Outcomes
~3 weeks
Delivery time
Technical approach
Chose a relational PostgreSQL schema (people + parent–child links stored separately, not nested JSON) so the tree can scale and relationships stay correct as data grows. TanStack Start gives SSR, server functions, and file-based routing in one stack; Supabase handles auth, RLS, and real-time invalidation when records change. React Flow powers the visual tree with lazy expansion (subtrees >150 nodes require explicit confirmation) to keep large branches performant. Ethiopian calendar dual-date fields support how the family records birth dates locally.
What's next
Ongoing data collection as more relatives join and submit records; potential additions include richer photo/story archives, source citations, and Amharic UI strings. Traffic and engagement analytics are not yet wired in.
Project details
- Client
- Feqi Yonis Family
- Service
- Custom Software
- Timeline
- 3 weeks
- Stack
- React 19, TanStack Start, Supabase, TypeScript, Tailwind CSS, React Flow