أذكار الصباح والمساء + مسبحة إلكترونية
موقع خفيف يعمل بالكامل في المتصفح — بلا تسجيل، ويعمل دون إنترنت بعد أول زيارة.
- أذكار الصباح والمساء كاملة مع التخريج وعدد التكرار لكل ذكر.
- عدّاد لكل ذكر — اضغط لينقص العدّ، وتُعلَّم البطاقة تلقائياً عند إتمامها.
- شريط تقدّم يوضّح كم أتممت من أذكار القسم.
- بحث فوري داخل نصوص الأذكار.
- نسخ الذكر بضغطة واحدة.
- يفتح على قسم الصباح أو المساء حسب وقتك، والتقدّم يُحفظ ويبدأ من جديد كل يوم.
- سبعة أذكار جاهزة (التسبيح، الاستغفار، التهليل، الحمد، التكبير، الحوقلة، الصلاة على النبي ﷺ).
- أهداف قابلة للاختيار: ٣٣ / ١٠٠ / ٥٠٠ / ١٠٠٠ مع دائرة تقدّم.
- إحصائيات: الدورات المكتملة، تسبيحات اليوم، والإجمالي.
- زر تراجع، واهتزاز خفيف عند العدّ، ودعم لوحة المفاتيح (
مسافةللعدّ،Backspaceللتراجع).
- وضع ليلي ونهاري يتبع إعداد جهازك ويحفظ اختيارك.
- تصميم متجاوب من الهواتف الصغيرة إلى الشاشات الكبيرة، مع دعم الوضع الأفقي والمناطق الآمنة.
- خطوط عربية أصيلة: عثمان طه لنصوص الأذكار.
- يعمل دون إنترنت عبر Service Worker، وقابل للتثبيت على الجوال كتطبيق (PWA).
- يُحفظ كل شيء محلياً في متصفحك — لا يُرسل أي بيان إلى أي خادم.
- بلا اعتماديات وبلا أدوات بناء: HTML و CSS و JavaScript فقط.
index.html صفحة المسبحة
azkar.html صفحة الأذكار
404.html صفحة الخطأ (تحوّل الروابط القديمة)
sw.js العمل دون إنترنت
manifest.webmanifest بيانات التثبيت كتطبيق
assets/
├── css/
│ ├── theme.css نظام التصميم: المتغيّرات والخطوط والمكوّنات المشتركة
│ ├── counter.css تنسيق المسبحة
│ └── azkar.css تنسيق صفحة الأذكار
├── js/
│ ├── common.js المشترك: الوضع الليلي، التنبيهات، التخزين، الـ SW
│ ├── counter.js منطق المسبحة
│ └── azkar.js منطق صفحة الأذكار
├── data/
│ ├── azkar.data.js نصوص أذكار الصباح والمساء
│ └── counter.data.js أذكار المسبحة وأهدافها
├── fonts/
└── icons/
القاعدة الحاكمة: ما يُستعمل في الصفحتين يُكتب مرة واحدة في theme.css وcommon.js، والنصوص منفصلة تماماً عن الكود في assets/data/.
git clone https://github.com/DrM7md/azkar-app.git
cd azkar-app
python -m http.server 8000 # أو أي خادم محليثم افتح http://localhost:8000.
افتح عبر خادم محلي لا بالنقر المزدوج على الملف — الـ Service Worker لا يعمل مع
file://.
| ما تريد | أين |
|---|---|
| إضافة ذكر إلى الصباح أو المساء | assets/data/azkar.data.js |
| إضافة ذكر إلى المسبحة أو تغيير الأهداف | assets/data/counter.data.js |
| تغيير الألوان أو الخطوط أو الزوايا | متغيّرات :root في assets/css/theme.css |
| تعديل الوضع الليلي | كتلة [data-theme="dark"] في theme.css |
| إضافة صفحة جديدة | انسخ هيكل azkar.html وحمّل common.js ثم استدعِ App.init() |
⚠️ بعد أي تعديل: ارفعCACHE_VERSIONفيsw.js— وإلا استمرّ المتصفح في عرض النسخة المخزّنة القديمة.
⚠️ لا تغيّر حقلidلأي ذكر فيcounter.data.jsبعد النشر، فالعدّادات المحفوظة عند المستخدمين مرتبطة به.
الاقتراحات والتصحيحات مرحّب بها — خصوصاً ما يتعلق بضبط النصوص وتخريجها. افتح issue أو Pull Request.
MIT — استخدمه وانشره وعدّل عليه بحرّية.
﴿ فَاذْكُرُونِي أَذْكُرْكُمْ وَاشْكُرُوا لِي وَلَا تَكْفُرُونِ ﴾
صدقة جارية — لا تنسونا من دعائكم