https://github.com/anwarhakim31/web-al-quran

Website Al-Quran.V1-JS [finish] [deploy]
https://github.com/anwarhakim31/web-al-quran

audio-player css html javascript localstorage

Last synced: 27 days ago
JSON representation

Website Al-Quran.V1-JS [finish] [deploy]

• Host: GitHub
• URL: https://github.com/anwarhakim31/web-al-quran
• Owner: anwarhakim31
• Created: 2024-03-16T09:09:10.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-04-05T08:15:28.000Z (10 months ago)
• Last Synced: 2024-11-19T09:57:58.432Z (3 months ago)
• Topics: audio-player, css, html, javascript, localstorage
• Language: JavaScript
• Homepage: https://al-quran-hakim.vercel.app/
• Size: 740 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Website Al-Quran V1.


















## Detail Website 💻

Webiste menampilkan data alquran lengkap (114 surah beserta artinya). 

website ini mengguanakan Api dari:

- https://equran.id/apidev/v2

- https://alquran.cloud/api

website ini merefrensikan tampilan dari:

- https://quran.com/id

- https://quran.nu.or.id/

# Tech Stack 🛠️

- ![HTML](https://img.shields.io/badge/-HTML-050f2c?style=flat&logo=HTML5) 

- ![CSS](https://img.shields.io/badge/-CSS-050f2c?style=flat&logo=CSS3&logoColor=1572B6) 

- ![JavaScript](https://img.shields.io/badge/-JavaScript-050f2c?style=flat&logo=javascript) 

## Fitur Website 🌟

1. Toggle Light/Dark Background (localStorage)

2. Toggle Sort Surah ke Ascending & Descending 

3. Audio Player yang Dapat Diputar pada Setiap Ayatnya 

4. Sidebar untuk Menampilkan Pencarian Surah dan Nomor Surah 

5. Bookmark pada setiap ayat (localStorage)