Skip to content

Open-Mushaf Native is a modern and minimalist Quran Mushaf application built with Expo and React Native, designed for seamless, immersive reading and interaction on mobile platforms. This project emphasizes performance, offline functionality, and accessibility, providing a rich user experience with gesture-based navigation

License

Notifications You must be signed in to change notification settings

adelpro/open-mushaf-native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Open-Mushaf Native - Quran Mushaf Reader for Mobile and Web

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 Logo

GitHub Stars Forks Twitter Follow

npm TypeScript Expo React Native Hits

Supports Android, iOS, web, macOS and Windows

About

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.

Key Features

  • 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.

Demo

Experience the seamless navigation and features of Open-Mushaf Native in this demo video. Watch on YouTube

Screenshots

  • Mushaf Page: A minimalist Quran page layout for immersive reading.

    Mushaf Page

  • Tafseer Popup: Resizeable Tafseer popups for deeper understanding.

    Tafseer Popup

  • Sura Index: Navigate through the Quran using the Sura Index.

    Sura Index

  • Settings: Customize your reading experience.

    Settings

  • Navigation: Swipe left or right to navigate the Quran.

    Navigation

  • Search: Search for specific Quranic content.

    Search

Installation

  1. Clone the repository:

    git clone https://github.com/adelpro/open-mushaf-native.git
  2. Navigate to the project directory:

    cd open-mushaf-native
  3. Install dependencies:

    npm install
  4. Start the app:

    npx expo start

Contributing

Contributions are welcome to Open-Mushaf Native! Please see the contribution guidelines

Like the Project? ⭐

If you find this project helpful, please give it a star to show your support!

License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

Open-Mushaf Native is a modern and minimalist Quran Mushaf application built with Expo and React Native, designed for seamless, immersive reading and interaction on mobile platforms. This project emphasizes performance, offline functionality, and accessibility, providing a rich user experience with gesture-based navigation

Topics

Resources

License

Stars

Watchers

Forks