Nuur — Islamic Habit Tracker
- Next.js
- TypeScript
- Supabase
- Prisma
- Tailwind CSS
- TanStack Query
PWA for tracking daily worship — prayers, sunnah fasting, Qur'an recitation, and dhikr — with streaks, a consistency heatmap, Hijri calendar, qibla compass, and analytics.
Private repository — live demo available
Nuur is a mobile-first web app for keeping up with daily acts of worship: the five daily prayers, sunnah fasting, Qur'an recitation, dhikr, and charity. The dashboard combines an animated progress ring, active streaks, weekly statistics, a GitHub-style consistency heatmap, and a checklist with optimistic updates — and users can add habits of their own.
Around the tracker sit the full Qur'an (114 surahs with Arabic text, transliteration, Indonesian translation, and per-verse audio), a library of daily prayers and dhikr, a year-round sunnah fasting calendar, an interactive Hijri calendar with date conversion, a real-time qibla compass using device orientation and geolocation, analytics, and tiered achievements. Daily reminders are sent by a scheduled Supabase Edge Function.
Built with Next.js 16, React 19, and TypeScript — Supabase Auth for sign-in, Prisma 7 for data access through user-scoped Server Actions, Tailwind CSS v4 with shadcn/ui, TanStack Query, Zustand, Framer Motion, and Recharts. Installable as a PWA. The repository is private; the app is live at nuur-islamic.vercel.app.