https://github.com/a-hemeda/quraan-player
Quraan Player
https://github.com/a-hemeda/quraan-player
css html javascript js player quraan webfonts
Last synced: 4 months ago
JSON representation
Quraan Player
- Host: GitHub
- URL: https://github.com/a-hemeda/quraan-player
- Owner: A-Hemeda
- Created: 2025-01-11T00:57:16.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-01-11T01:16:40.000Z (9 months ago)
- Last Synced: 2025-03-09T20:00:01.807Z (7 months ago)
- Topics: css, html, javascript, js, player, quraan, webfonts
- Language: CSS
- Homepage: https://a-hemeda.github.io/Quraan-Player/
- Size: 822 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quran Player
Quran Player is a simple web application that allows users to listen to Quranic verses, explore different surahs, and toggle between light and dark modes. The application is built using HTML, CSS, and JavaScript.
## Features
- **Surah Selection:** Browse and select different surahs to listen to their respective verses.
- **Audio Playback:** Play, pause, and navigate through Quranic verses with audio support.
- **Dark Mode:** Toggle between light and dark modes for a comfortable viewing experience.
- **Search Functionality:** Search for specific surahs in both Arabic and English.
## Usage
1. Open the `index.html` file in your preferred web browser.
2. Explore the list of surahs displayed on the page.
3. Click on a surah to start listening to its verses.
4. Use the play, pause, next, and previous buttons to control the audio playback.
5. Toggle dark mode for a different visual theme.
6. Use the search bar to find specific surahs.
## Getting Started
Clone the repository:
```bash
https://github.com/a-hemeda/Quraan-Player.git
```
## Live Demo
Experience the Tabs Project in action! Click the link below to access the live demo:
### [Live Demo]( https://a-hemeda.github.io/Quraan-Player)
Feel free to interact with the project, browse through different jobs, and explore the user-friendly interface. The live demo provides a hands-on experience to see the Tabs Project in action.