Welcome to this video where I’ll be showing you the Daily Prayer Screen built using Flutter!In this project, I designed and developed a simple yet beautiful screen that displays daily Islamic prayers (duas) in a clean, minimal, and user-friendly interface. The main goal of this feature is to help Muslims easily access important daily prayers anytime, anywhere, with an elegant modern design that blends functionality and spirituality.
The Daily Prayer Screen includes several key sections. At the top, there is a header that welcomes the user with a greeting, for example “Assalamu’alaikum,” followed by the current date or time. This creates a warm and personal atmosphere for the user when they open the app. Below the header, you can find a list of duas for different times of the day — such as morning prayers, evening prayers, and before sleeping. Each dua is displayed with its Arabic text, Latin transliteration, and translation in English, so users can understand the meaning clearly.
The UI is designed with simplicity in mind. The background uses soft gradient colors that give a peaceful feeling, while the typography is clear and easy to read. I also used custom Flutter widgets to build reusable components like prayer cards, icons, and scrollable lists. The app supports both light and dark mode, making it comfortable to use at any time of the day.
Technically, this screen uses ListView.builder to dynamically display the dua data stored in a local JSON file or fetched from an API. Each item in the list is wrapped inside a Card widget with rounded corners and subtle shadows for a clean material design look. To enhance the experience, I added small animations using AnimatedContainer and FadeTransition, so every scroll feels smooth and natural.
This project also focuses on performance and responsiveness. The layout adapts well to various screen sizes — whether you’re using a small Android device or a large tablet. Thanks to Flutter’s cross-platform framework, the same codebase can easily run on iOS, Android, or even web.
Through this video, I hope to inspire other Flutter developers and UI/UX designers to create meaningful applications that combine technology and faith. The Daily Prayer Screen is not only a coding exercise — it’s a reminder that digital products can also bring spiritual value to people’s lives.
Thank you for watching! Don’t forget to like, share, and subscribe for more Flutter UI projects. 
