Ramadan Timetable Web App

🧩 Project Overview

Led the development of Ramadan Time, a lightweight web application designed to provide prayer and fasting times for users during Ramadan based on their GPS location.

The goal was to build a reliable and mobile-friendly tool that accurately calculates Suhoor (pre-dawn) and Iftar (sunset) times for Ramadan users around the world, with offline support and calendar integration.

This project highlights real-world utility, performance-focused frontend logic, and progressive enhancement for a wide range of devices.

🎯 My Role & Responsibilities

As the Team Leader, I was responsible for:

• Overall project planning and architecture

• Location-based timetable logic implementation

• Web app design and responsiveness

• API integration for prayer time calculations

• Offline support and caching strategy

• UI/UX considerations for multilingual users

💻 Technical Implementation

🔹 GPS Location Integration

Utilized the Geolocation API to detect users’ locations and calculate Ramadan times dynamically, supporting accurate fasting schedules based on coordinates.

🔹 Time Calculation Logic

Built custom logic to determine Suhoor and Iftar times using sunrise/sunset data for locations worldwide, with fallback support for manual input.

🔹 Offline & Progressive Enhancement

Configured service workers to enable offline access so the timetable remains functional even with weak connectivity — ideal for users on the go.

🔹 Calendar Export & Notifications

Implemented download options for calendar events (ICS format) and optional push reminders to help users stay on schedule throughout Ramadan.

🔹 Mobile-First, Responsive UI

Designed the web app with a clean, intuitive interface that works across phones, tablets, and desktops — prioritizing quick readability and essential information.

🏗 Challenges & Solutions

Challenge: Handling accurate prayer time calculations across regions.

Solution: Integrated reliable sunrise/sunset calculation algorithms and optimized logic for GPS-based adjustments.

Challenge: Ensuring offline functionality without full native app overhead.

Solution: Leveraged service workers and caching to provide fast, reliable performance even with intermittent connectivity.

📈 Project Outcome

The final product delivers:

• A GPS-based Ramadan timetable

• Fast, mobile-optimized performance

• Clean UI designed for everyday use

• Offline access and calendar support

• Accurate Iftar & Suhoor time logic

🧠 What This Project Demonstrates

This project highlights my ability to:

• Build real-world utility web applications

• Implement geolocation-based logic

• Design progressive, offline-enabled tools

• Create mobile-first user experiences

• Translate complex timing algorithms into intuitive UI