Jadwal Sholat

In this project, I developed a Jadwal Sholat (Prayer Times) Application using Flutter with the goal of providing Muslims an easy and reliable way to check daily and monthly prayer schedules directly from their smartphones. The idea behind this app is to combine accurate prayer calculations with a clean, modern mobile interface that is simple enough for anyone to use.

The home screen displays the five daily prayer times—Subuh, Dzuhur, Ashar, Maghrib, and Isya—along with the current date, hijri date, and the user’s location. To achieve this, I used Flutter’s responsive UI widgets like Column, Row, Card, and Container to create a layout that feels fresh, organized, and easy to read at a glance. Soft colors like green and white help reinforce the Islamic theme while keeping the visual design calm and minimal.

One of the most important parts of the app is its location-based prayer time calculation. When the user opens the app for the first time, it automatically requests permission to detect their location. Using the latitude and longitude, the app retrieves accurate prayer times from a reliable Prayer Time API such as Aladhan or MyQuran. I integrated the API using Flutter’s http package and parsed the data to display it neatly on the screen.

The app also includes a Monthly Prayer Schedule feature. Users can view an entire month’s prayer timetable on a single screen, displayed using a scrollable table or list. This feature helps users plan ahead and gives a clear overview of prayer times throughout the month. For this, I used Flutter widgets like DataTable, ListView, and dynamic mapping of JSON data.

Another key feature is the Adzan Reminder & Notification System. Users can choose to enable notifications for each prayer time, and the app will automatically send alerts when it’s time to pray. I implemented this using Flutter’s flutter_local_notifications plugin, ensuring that the reminders are accurate even when the app is running in the background or closed.

The app also comes with a built-in Qibla Direction Compass, powered by the device’s magnetometer sensor. This feature helps users easily find the direction of the Kaaba when they are traveling or in unfamiliar places. Using a compass package in Flutter, I built a smooth rotating compass with a clear Kaaba indicator.

For additional convenience, the app provides Hijri calendar conversion, Islamic date display, and a theme switcher (Light Mode & Dark Mode), giving users a comfortable experience during day or night.

Technically, I used Provider for state management to handle API data, user preferences, and notification settings. The app is fully responsive, lightweight, and optimized for both Android and iOS.

Building this Jadwal Sholat App allowed me to deepen my understanding of API integration, sensor usage, state management, and Flutter UI optimization, while creating something meaningful that can help Muslims stay consistent with their prayers. My aim was to deliver an app that is accurate, simple, visually pleasing, and spiritually useful for daily life.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top