Back to projects

Mahrom

Visit

An Islamic mahram relationship tool with interactive family tree visualization — calculates who you can and cannot marry based on nasab, susuan, and marriage bonds.

Mahrom screenshot 1
Mahrom screenshot 2
Mahrom screenshot 3
Mahrom screenshot 4
React
Vite
D3.js
Zustand
TypeScript
TailwindCSS
Framer Motion

Mahrom is an Islamic mahram calculator and family tree visualizer. It helps users determine mahram status — who they are forbidden to marry according to Islamic jurisprudence. The app classifies relationships into four categories: Mahram Nasab (blood relations), Mahram Susuan (foster/breastfeeding relations), Mahram Pernikahan (marriage-based relations), and Mahram Sementara (temporary restrictions like a wife's sister). Users build an interactive family tree on a D3.js canvas with drag-and-drop, then the app automatically calculates mahram status for each member with detailed explanations. Supports 119+ relationship types, gender-aware calculations, avatar customization, and search/filter. Built with Vite, React, TypeScript, Zustand, and TailwindCSS.

GitHub