Islamic Digital Companion

Ihsaaan was born from the need for a beautiful, distraction-free Islamic app that respects user privacy. It provides a centralized dashboard for Hadith study (integrated via optimized APIs), real-time Dhikr tracking, and spiritual progress visualization. The app is designed as a PWA to ensure it works reliably on any device, even with flaky connectivity.

The challenge

Many Islamic apps are cluttered with ads or have poor typography for Arabic text. The goal was to build a "premium-feel" application that balances high-fidelity typography with extreme performance and offline reliability.

How I approached it

• →Dual-Typography Engine: Developed a custom rendering layer for Arabic and English text to ensure perfect readability and alignment across different Hadith collections.
• →Offline-First Architecture: Leveraged Next.js and Service Workers to cache critical Hadith data and user Dhikr progress locally, enabling full functionality without an internet connection.
• →Optimized API Proxy: Built a centralized Next.js backend proxy with cache-miss protection (stale-while-revalidate) to ensure lightning-fast data retrieval across 2,000+ daily hits.
• →Interactive Tracking: Implemented a snappy Dhikr counter using Zustand for state management and Framer Motion for subtle, tactile animations.