Dawn
Prayer times and a daily plan orient the day.
Wael GamilFrontend Engineer
Portfolio / 20262026 / Independent product · Ramadan companion
live
A bilingual, RTL-aware habit companion designed for the rhythm of Ramadan.
ContextIndependent product / Ramadan habit companion
RoleFrontend Engineer / Product Builder
Focusfrontend / product / creative web


01
The ritual
Hilal gathers the routines of Ramadan into one bilingual companion. The experience is structured around return: orient the day, act with intention, see progress, and continue without losing the larger month.
Prayer times and a daily plan orient the day.
Habits, fasting progress, Quran, and reflection stay close at hand.
The day resolves into visible progress rather than a noisy score.
Calendar, streaks, achievements, and rewards preserve continuity.
The calendar is not administration. It is the emotional spine of a finite, meaningful month.
Daily surfaces put the immediate ritual first while progress views reconnect each day to the full Ramadan arc. Rewards support continuity, but the primary visual language remains reflective rather than competitive.
Responsive layouts preserve that hierarchy from a broad dashboard to a mobile-first, installable experience.
02
Localization
Hilal supports Arabic RTL and English LTR presentation. Direction affects reading order, alignment, icon relationships, navigation, and the rhythm of dense information—not only the strings.
واجهة تتبع اتجاه القراءة وتضع الصلاة والعادات والتقدم في سياق مألوف.
The same information architecture adapts to reading direction without demoting either language.

03
Engagement system
Companions, lanterns, themes, patterns, badges, decorations, and titles form a layered reward system. Unlocks personalize the experience while keeping the underlying habit record understandable.





04
Frontend architecture
The documented build uses Next.js, TypeScript, next-intl, motion, service-worker capabilities, and browser storage. Prayer time, Quran, and Hadith integrations are designed with cached and fallback paths so the daily experience does not depend on a perfect connection.
01 / Direction
RTL/LTR behavior is treated as a layout concern across navigation, content, and responsive composition.
02 / Resilience
PWA behavior, cached resources, fallbacks, and local persistence support repeated use beyond a single connected session.
03 / Privacy
The documented implementation protects locally persisted product data with browser cryptography rather than requiring an account for the core ritual.