Flutter Islamic App
This is a modern Islamic educational app built with Flutter, designed to provide users with easy access to Islamic texts like the Hadith and Quran in an intuitive and responsive UI. It follows clean architectural practices and supports multi-language and theme customization.
? Project Structure
UI components are located in lib/UI/
State Management: Provider (for theme and localization)
Localization: Supports multiple languages via AppLocalizations
Themes: Light & Dark mode using Material theming
Main Features
1. Hadith Section (hadeth_tap.dart)
Loads and displays Hadiths from Assets/Hadeth/ahadeth.txt
Custom header image for visual context
Scrollable list of Hadiths, each with a title and content
Uses # as a separator between hadiths in the source file
2. Quran & Navigation
SplashScreen: Initial loading screen
HomeScreen: Central hub for all navigation
QuranDetails: Dedicated view for Quranic content
HadethDetails: Expanded view for individual Hadiths
️ Technical Implementation
State Persistence: Saves user preferences via SharedPreferences
Responsive Layouts: Achieved using MediaQuery
Static Content: Uses asset bundling for loading local files
Theming: Custom color schemes (e.g., 0xFFB7935F for highlights)
Built with Material Design components
Architecture & Design
Follows Flutter’s widget-based architecture
Well-structured with Stateless and Stateful widgets
Clean code organization with logical feature separation
Provider pattern ensures easy scalability and modular state control
This app offers a smooth, localized, and theme-aware experience for users seeking Islamic knowledge, built with professional Flutter development standards.