Adhan Display: Live Prayer Times & Qibla Dashboard

Adhan Display is a free, luxury Islamic dashboard designed to provide a comprehensive spiritual experience on any device. It features live prayer times, Qibla direction, daily inspirations (Quran/Hadith), and Makkah/Madinah live streaming, all wrapped in a beautiful, responsive interface.

---

✨ Features

🕋 Core Functionality

• Live Prayer Times: Automatically detects your location to provide accurate Adhan times.
• Qibla Finder: Integrated Qibla direction with a quick link to Google's AR Qibla Finder.
• Focus Mode: A minimalist view for distraction-free monitoring of the next prayer.
• Prayer Tracker: Log your daily prayers and view your performance over the last 7 days.

📖 Spiritual Inspiration

• 99 Names of Allah: Rotating display with Arabic text, transliteration, and English meanings.
• Daily Ayah/Hadith: Choose between a daily Verse from the Quran or a Hadith for daily reflection.
• Night Prayers (Qiyam): Automatically calculates Midnight and Tahajjud (last third of the night) times.

🌙 Special Occasions

• Ramadan Mode: Features a countdown to Ramadan and an active fasting timer with Ashra progress tracking.
• Sunnah Fasting Alerts: Reminders for Sunnah fasting days (Mondays, Thursdays, and White Days).

⚙️ Customization & Accessibility

• Multi-Language Support: Available in English, Dutch (NL), Turkish, French, German, Spanish, and Arabic.
• Dynamic Themes: Choose between Dark, Light, and Green (Islamic) themes.
• Audio Alerts: High-quality Adhan audio options from Makkah, Madinah, or Alafasy, plus a 10-minute Wudu alert.
• Responsive Design: Optimized for Desktop, Tablet, and Mobile.

---

📱 Progressive Web App (PWA)

Adhan Display is a fully functional PWA. You can install it on your device for an app-like experience without using an App Store.

How to Install:

• Android / Chrome: Tap the browser menu (⋮) and select "Install" or "Add to Home Screen".
• iOS (Safari): Tap the 'Share' icon, scroll down, and select 'Add to Home Screen'.

---

🛠️ Built With

• HTML5 & CSS3: Custom-coded "Glassmorphism" UI with responsive CSS Grid layouts.
• Vanilla JavaScript: Lightweight and fast, no heavy frameworks required.
• Google Fonts: Using the 'Cinzel' and 'Segoe UI' font families for a premium look.
• APIs: Integrated with global prayer time services and weather updates.

---

🚀 Getting Started

1. Clone the repository:

   git clone [https://github.com/iamkhomani/adhan-display.git](https://github.com/iamkhomani/adhan-display.git)
   

2. **Open the project**:
Simply open `index.html` in any modern web browser.
3. **Deployment**:
This project can be hosted for free on **GitHub Pages**, Vercel, or Netlify.

---

## 📄 License

This project is free to use for personal and communal Islamic purposes.

---

## 🤲 Credits & Support

* Prayer times provided by Aladhan API.
* Live streams via YouTube (Makkah/Madinah Live).
* **Adhan Display** - Created with the intention of Sadaqah Jariyah.

---

*La ilaha illa Allah, Muhammadur Rasul Allah*

---