🌙 Quran Digital – Al-Qur'an, Tafsir & Doa Interaktif

Quran Digital adalah aplikasi web modern yang memudahkan umat Muslim untuk membaca Al-Qur'an, memahami tafsirnya, belajar doa harian, melihat waktu shalat otomatis berdasarkan lokasi, dan menentukan arah kiblat — semua dalam satu platform yang indah dan responsif.

✨ Dibangun dengan cinta oleh Raihan_official0307 × Visualcodepo
🌐 Demo Website | 💬 Donasi & Dukung Proyek

---

🌟 Fitur Utama

✅ Baca Al-Qur'an Lengkap

• 114 surah dengan teks Arab yang indah dan terjemahan
• Pencarian surah & tampilan detail surah yang elegan

📖 Tafsir Mendalam

• Penjelasan makna ayat dari sumber otentik
• Cari tafsir berdasarkan kata kunci

🤲 Kumpulan Doa Harian (Prayers)

• Doa-doa penting: pagi, malam, shalat, haji, dan lainnya
• Teks Arab, terjemahan, dan referensi hadis

❤️ Favorites (Favorit)

• Simpan surah, tafsir, atau doa favoritmu
• Akses cepat kapan saja

🕌 Waktu Shalat Otomatis

• Waktu shalat berdasarkan lokasi GPS kamu
• Update otomatis setiap hari

🧭 Arah Kiblat Interaktif

• Gunakan sensor kompas ponsel untuk menunjukkan arah kiblat
• Desain kompas digital yang halus dan akurat

🎨 Tema Gelap & Terang

• Mode gelap untuk kenyamanan membaca di malam hari
• Transisi halus dan animasi elegan

📱 Responsif & Mobile-First

• Tampilan sempurna di desktop, tablet, dan ponsel
• UI modern dengan efek glassmorphism dan animasi halus

---

🚀 Teknologi yang Digunakan

Teknologi	Deskripsi
HTML5 & CSS3	Struktur dan desain responsif
JavaScript (Vanilla)	Interaktivitas tanpa framework
Font Awesome	Ikon yang indah dan konsisten
Google Fonts	Tipografi elegan (Amiri, Poppins)
Disqus API	Komentar komunitas di bawah halaman
Geolocation API	Deteksi lokasi untuk waktu shalat
DeviceOrientation API	Arah kiblat menggunakan kompas ponsel

---

📂 Struktur Proyek

quran-digital/
│
├── index.html             # Halaman utama
├── script.js              # Fungsi utama: pencarian, navigasi, scroll otomatis
├── style.css              # Desain modern dengan variabel CSS
├── waktu.html             # Halaman waktu shalat
├── kiblat.html             # Halaman penunjuk arah kiblat
├── assets/                # Gambar, font, dan file pendukung
├── css/                   # (Opsional) Style terpisah
├── js/                    # (Opsional) Script modular
└── README.md              # Dokumentasi ini 😊

---

🛠️ Cara Menjalankan Lokal

1. Clone repositori ini:

   git clone https://github.com/Dikrey/Quran-Digital.git

2. Buka folder proyek:

   cd Quran-Digital

3. Jalankan dengan server lokal:

    http://localhost:

4. Buka di browser:

   http://localhost:
   

⚠️ Catatan: Fitur Waktu Shalat dan Kiblat membutuhkan HTTPS atau server lokal untuk akses GPS/kompas.

---

🎨 Desain & Animasi

• Glassmorphism UI: Efek transparan dengan blur
• Animasi Masuk (Fade, Slide, Bounce): Memberi kesan hidup dan profesional
• Gradien Islamik: Nuansa biru tua & biru langit yang menenangkan
• Responsif penuh: Dari HP hingga layar lebar

---

💡 Kontribusi

Kamu ingin membantu? Luar biasa!
Kami terbuka untuk:

• Penerjemahan (Indonesia, Inggris, Arab, dll)
• Perbaikan UI/UX
• Penambahan fitur (audio, bookmark, tema kustom)
• Optimasi performa

Buat issue atau pull request — setiap kontribusi dihargai! 🙏

---

📢 Donasi & Dukungan

Proyek ini dibuat dengan hati dan waktu yang tulus. Jika kamu merasa terbantu, dukung kami agar bisa terus berkembang:

💖 Donasi via Saweria: https://saweria.co/Raihanofficial0307

---

📜 Lisensi

Proyek ini dilisensikan di bawah MIT License.
Silakan gunakan, modifikasi, dan sebarkan — selama tetap mencantumkan kredit.

---

🤝 Dikembangkan oleh

"Dan tetaplah memberi peringatan, karena sesungguhnya peringatan itu bermanfaat bagi orang-orang yang beriman."
— QS. Adz-Dzariyat: 55

---

Terinspirasi oleh cinta kepada Al-Qur'an dan semangat berbagi ilmu.
✨ Semoga bermanfaat untuk umat. Aamiin.

```