Quran-Audiobook is a web application that provides a visual and audio experience for the Quran. It features audio recitations in multiple languages, synced with translations and verse-by-verse display.
- Multiple Languages: Audio recitations available in various languages.
- Synchronized Text: Translations synced with audio for each verse.
- Verse-by-Verse Display: Visual display of each verse as the audio plays.
- Navigation Tabs: Easy navigation across chapters.
- Search Bar: Quickly find specific chapters or verses.
- Language Mode: Toggle between different languages for translation.
- Library/Gallery: Browse all chapters with thumbnails.
- Audio Player: Control audio playback with a player at the bottom.
-
Clone the Repository:
git clone https://github.com/yourusername/Quran-Audiobook.git cd Quran-Audiobook
-
Install Dependencies:
npm install
-
Run the App:
npm start
-
Build the App:
npm run build
-
Deploy to GitHub Pages:
npm run deploy
- Navigate through chapters using the tabs.
- Use the search bar to find specific chapters or verses.
- Select your preferred language mode for translation.
- Browse the library/gallery to select a chapter.
- Use the audio player at the bottom to control playback.
Contributions are welcome! Please submit a pull request or open an issue to discuss any changes.
This project is licensed under the MIT License. See the LICENSE file for details.
- Quran.com: For providing the audio and text resources.
- React: For the front-end framework.
- Spotify: For audio streaming.