This video explains how I built a clean and modern Prayer Times (Jadwal Sholat) screen using Flutter. The main goal of this project is to create a simple and comfortable interface where users can check their daily prayer schedule quickly without any confusion. Many people open prayer apps several times a day, so the design must be easy to read, calm, and fast to understand. In this video, I show how to create a layout that displays Subuh, Dzuhur, Ashar, Maghrib, and Isya in a clear and organized way. I focus on making the UI look soft and minimal, using rounded cards, enough spacing, and readable typography. This helps the app feel peaceful, which matches the purpose of Islamic apps.
I start by explaining the basic UI structure, using simple Flutter widgets like Column, Row, Container, and ListView. These widgets help build a responsive layout that works on different screen sizes. I also show how to add padding, margin, shadows, and custom fonts to make the design look more professional. The goal is not only to display information, but to make it visually balanced and easy on the eyes. Each prayer time is placed inside a card with a bold title and a larger time text so users can quickly identify the next prayer. The layout is designed to avoid clutter, making sure every element has enough space to breathe.
In the video, I also talk about user experience. Prayer times are sensitive and important for Muslims, so the interface must feel reliable. That is why I designed the layout with consistency—same card size, same spacing, and same color theme. I use calm colors to create a peaceful atmosphere. I also explain how to highlight the upcoming prayer by using slightly different styling, which helps users know which prayer time is approaching without needing extra text.
Finally, I share tips on designing Islamic apps in Flutter. I suggest keeping the UI simple, using readable fonts, and choosing colors that feel soft and spiritual. I encourage viewers to focus on clarity instead of complicated decorations. This project is great for beginners who want to improve their Flutter UI design skills and also for anyone who plans to build an Islamic app with a clean, modern style. I hope this video helps you understand the process of building a Prayer Times screen and inspires you to create beautiful and meaningful apps.
