ProjectsTazkiyati

Islamic Heart Purity Tracker

Tazkiyati started from a simple idea rooted in Islamic tradition: the state of your heart reflects the deeds you do. Good actions purify it, bad ones darken it. That concept has existed for centuries, but I wanted to make it something you could actually see and interact with daily.

At the center of the app is a 3D anatomical heart that visually responds to what you log. You record a good deed, it brightens. You log a bad one, it darkens, with each action carrying a different weight depending on its severity. No streaks, no points, no gamification. Just you and the state of your heart.

The whole experience is built to feel calm and intentional. Soft lighting, Arabic typography, a single page that doesn't ask much of you. You open it, you reflect, you log, you close it.

Built with React, Three.js for the 3D heart, and Supabase on the backend.

ViteReactThree.jsReact Three FiberTailwind CSSSupabaseVercel
Tazkiyati screenshot 1Tazkiyati screenshot 2Tazkiyati screenshot 3Tazkiyati screenshot 4Tazkiyati screenshot 5