askthequran / quran-audiobook

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Quran-Audiobook

Overview

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.

Features

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

Installation

  1. Clone the Repository:

    git clone https://github.com/yourusername/Quran-Audiobook.git
    cd Quran-Audiobook
  2. Install Dependencies:

    npm install
  3. Run the App:

    npm start

Deployment

  1. Build the App:

    npm run build
  2. Deploy to GitHub Pages:

    npm run deploy

Usage

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

Contributing

Contributions are welcome! Please submit a pull request or open an issue to discuss any changes.

License

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

Acknowledgements

  • Quran.com: For providing the audio and text resources.
  • React: For the front-end framework.
  • Spotify: For audio streaming.

About

License:MIT License