Doa Screen
This video provides a comprehensive demonstration of Bittaqwa, a modern Muslim application developed using Flutter and Visual Studio Code (VS Code). The focus of this demo is the Daily Duas Collection page, one of the most meaningful and spiritually uplifting features of the app. Designed to help Muslims strengthen their daily connection with Allah, this page offers easy access to essential supplications for various moments in life. The goal of the feature is to make Islamic remembrance simple, accessible, and beautifully presented through intuitive design.
The demo begins with a smooth transition from the main dashboard into the Daily Duas page. The interface is showcased with an elegant layout combining soft colors, clear typography, and well-organized categories. The video highlights how each dua is grouped under themes such as morning remembrance, evening remembrance, before sleeping, waking up, traveling, entering the home, leaving the home, and many more. These categories help users navigate quickly to the supplication they need, making the experience both efficient and spiritually enriching.
As the video progresses, the narrator demonstrates how users can tap on any dua to reveal its full Arabic text, transliteration, and English translation. This feature ensures that users can recite with correct pronunciation while understanding the meaning behind each supplication. The demo shows how the dua cards expand with smooth animations powered by Flutter’s flexible UI components, creating a pleasant and modern user experience. The app also includes a “favorite” button, allowing users to save their most frequently recited duas for quick access.
The video also provides insight into the development process. It briefly shows code snippets in VS Code, highlighting how Flutter widgets, API integration, and custom styling were used to create the dua list, loading animations, and interactive elements. The narrator explains how state management keeps the app responsive, updating content instantly without lag. This technical explanation helps viewers appreciate the balance between spiritual content and advanced software engineering.
Toward the end, the demo emphasizes the purpose behind the Daily Duas page: to support Muslims in remembering Allah throughout their daily routines. By offering a beautifully designed and easy-to-use interface, Bittaqwa makes it easier for users to maintain daily remembrance wherever they go. The video concludes by reaffirming that the Bittaqwa app is more than a digital tool—it’s a companion for spiritual growth, built with care, innovation, and modern technology.