Quran • Athkar • Prayer Times • Khatam Tracker • Islamic Holidays
A modern Islamic companion application built with React.js that helps users strengthen their daily connection with Islam through Quran reading, recitation, Athkar, prayer times, progress tracking, and Islamic event awareness.
Designed with a beautiful dark theme featuring gold and green Islamic aesthetics, Iman Hub provides a seamless experience across both mobile and desktop devices.
- Full-page Quran viewing
- Tap to show/hide controls
- Swipe navigation between pages
- Bookmark pages for quick access
- Multiple Quran reciters
- Surah selection
- Play/Pause controls
- Audio seek functionality
- Volume control
- Track total Quran pages read
- View overall reading progress percentage
- Create custom Khatam sessions
- Mark pages as completed for each Khatam
- Monitor progress across multiple Khatam journeys
- View upcoming Islamic occasions
- Countdown timers for events
- Status indicators for active and upcoming events
- Filter events by category
- Daily supplications and remembrances
- Organized categories
- Easy-to-navigate interface
- Daily prayer schedule
- Clean and responsive layout
- Quick access to prayer information
- React.js
- React Router
- CSS3
- Local Storage
- Clone the repository
git clone https://github.com/Nullit13/iman-hub.git- Navigate to the project directory
cd iman-hub- Install dependencies
npm install- Start the development server
npm start- Open your browser and visit:
http://localhost:3000
Contributions are welcome and appreciated!
If you'd like to improve Iman Hub:
- Fork the repository
- Create a new branch
- Make your changes
- Commit your changes
- Open a pull request
You can also submit bug reports, feature requests, and suggestions through GitHub Issues.
- Quran search functionality
- Tafsir integration
- Multi-language support
- Cloud synchronization
- Enhanced reading analytics
- Additional Islamic tools and resources
📄 License
This project is licensed under the MIT License.