Open-Mushaf Native is an open-source Quran Mushaf application built with React Native and Expo. This mobile-friendly app offers offline Quran reading, gesture navigation, and dynamic Tafseer popups, designed for seamless Quranic study on Android, iOS, Web, and macOS platforms.
Open-Mushaf Native is a modern and minimalist Quran Mushaf application built with React Native and Expo, designed for seamless, immersive reading and interaction on mobile platforms. It focuses on performance, offline functionality, and accessibility, providing a rich user experience with gesture-based navigation, dynamic content loading, and localized caching for Quranic images and Tafseer data.
- Swipeable Navigation: Navigate the Quran Mushaf by swiping left or right.
- Offline Access: Preload and cache Quran pages and Tafseer data for complete offline functionality.
- Dynamic Tafseer Popups: Smoothly resize Tafseer popups with gesture control.
- Optimized Image Loading: Efficient loading of large Quran pages using
expo-image
for better memory management. - Recoil State Management: Smooth state management for all app interactions.
- Cross-Platform Support: Built with Expo for easy deployment on Android and web platforms.
Experience the seamless navigation and features of Open-Mushaf Native in this demo video. Watch on YouTube
-
Mushaf Page: A minimalist Quran page layout for immersive reading.
-
Tafseer Popup: Resizeable Tafseer popups for deeper understanding.
-
Sura Index: Navigate through the Quran using the Sura Index.
-
Settings: Customize your reading experience.
-
Navigation: Swipe left or right to navigate the Quran.
-
Search: Search for specific Quranic content.
-
Clone the repository:
git clone https://github.com/adelpro/open-mushaf-native.git
-
Navigate to the project directory:
cd open-mushaf-native
-
Install dependencies:
npm install
-
Start the app:
npx expo start
Contributions are welcome to Open-Mushaf Native! Please see the contribution guidelines
If you find this project helpful, please give it a star to show your support!
This project is licensed under the MIT License. See the LICENSE file for more details.