Case Study
Namaz Time — Global Prayer Times
A global prayer times web application focusing on a modern UI/UX and worldwide coverage. Features daily and monthly prayer schedules, Hijri & Gregorian dates, a live countdown timer, and location-based city selection.
Namaz
Time — Global Prayer Times
The Problem
Existing prayer time applications were bloated with social features, news feeds, and advertisements. Users needed a fast, reliable tool that simply answered one question: when is the next prayer? Most apps also lacked a clean monthly calendar view with both Hijri and Gregorian dates.
My Approach
Built as a single HTML file for maximum portability — zero build steps, zero dependencies. Integrated the Aladhan API for prayer times and Hijri date conversion (no API keys required). Mobile-first responsive design with smooth transitions and a professional UI.
Architecture
The entire application lives in a single home.html file with embedded CSS and JavaScript. Prayer times and Hijri dates are fetched from the Aladhan API. A location service supports manual city/country selection across UK and USA cities as well as browser geolocation. The monthly calendar view renders all days with Fajr and Maghrib times by default, expandable to show all five prayers. A real-time countdown timer tracks the next upcoming prayer.
Challenges
Timezone handling across different cities and calculation methods required careful edge-case testing. Building a responsive monthly calendar that shows useful summary info per day without cluttering mobile layouts was a key UX challenge. Ensuring the single-file architecture remained maintainable as features grew required disciplined code organization within the file.
Outcome
A zero-dependency, instantly deployable prayer times app. The monthly calendar view became the standout feature — showing an entire month of prayer times at a glance with expandable daily details. No API keys are required, making it trivially easy for anyone to clone and deploy.