JADWAL SHOLAT SCREEN
The Sholat Schedule feature is a mobile interface I developed using Flutter inside Visual Studio Code, designed to provide accurate and real-time prayer times for users based on their current location. The goal of this project is to offer a clean, modern, and reliable daily schedule that updates automatically, ensuring that Muslims can easily keep track of their five obligatory prayers.
This project integrates a Prayer Time API (VPI), which supplies precise prayer times that change every day depending on the user’s region. Once the app detects the location—such as Jonggol, West Java—it fetches the corresponding prayer schedule for Subuh, Dzuhur, Ashar, Maghrib, and Isya. The system refreshes the data daily, so the displayed times always remain accurate without requiring manual updates.
From a UI perspective, the design emphasizes clarity and ease of use. The top section shows the current date, location, and a calming visual header. Below it, each prayer time is arranged in a clean card-style layout, with horizontal dividers and small reminder icons to indicate that users can later extend this feature into alarms or notifications.
Technically, the project uses Flutter widgets, responsive layouts, and asynchronous API calls to fetch data from VPI. Every component is organized cleanly inside VS Code, following structured folders for screens, models, and services. The logic for reading prayer times is placed in a dedicated API service, ensuring clean architecture and easy future maintenance.
This feature not only demonstrates my skill in Flutter UI/UX development, API integration, and state management, but also shows my ability to build real-world, meaningful Islamic applications that can assist users in their daily worship. It serves as a valuable addition to my portfolio, representing both functionality and thoughtful design.