This repository contains a simple web application that fetches a random Quran verse and displays its details. The application allows users to refresh and get a new random verse. Additionally, there's a feature to share the verse as an audio file.
- Random Quran Verse: Fetches a random Quran verse using the Al Quran Cloud API.
- Verse Details: Displays information about the selected verse, including the Surah name, English translation, total verses, and revelation type.
- Audio Playback: Provides an audio player to listen to the recitation of the selected verse by Alafasy.
- Refresh: Click the "Refresh" button to generate a new random Quran verse.
- Auto Refresh: Toggle the "Auto Refresh" switch to enable or disable automatic refreshing of the verse.
To use the application, simply open the HTML file in a web browser and click the "Refresh" button to get a new random Quran verse. You can listen to the verse's recitation using the embedded audio player.
- The HTML structure is organized using Bootstrap for a responsive and clean layout.
- JavaScript is used to fetch random Quran verses and update the UI dynamically.
- The application uses the Al Quran Cloud API for retrieving Quranic data.
- Clone this repository to your local machine.
- Open the HTML file in a web browser.
- Click the "Refresh" button to fetch a new random Quran verse.
- Bootstrap: Used for styling and layout.
- Al Quran Cloud API: Provides Quranic data and audio.
This project is licensed under the MIT License.
Feel free to contribute and enhance the functionality of this Quran verse randomizer! If you encounter any issues or have suggestions, please open an issue.