تفاصيل العمل

تطبيق مواقيت الصلاة للمسلمين

التقنيات المستخدمة: React 18، Vite، Tailwind CSS، Axios، i18next، واجهة Aladhan البرمجية، OpenStreetMap Nominatim، TimeZoneDB

تطبيق ويب حديث ومتعدد اللغات يعرض مواقيت الصلاة اليومية للمسلمين بدقة، بناءً على المدينة التي يتم البحث عنها. تم تطويره مع التركيز على الدقة، إمكانية الوصول، والتصميم النظيف، ويخدم جمهورًا عالميًا من خلال التوقيت المحلي والتحديثات اللحظية.

الميزات الرئيسية

مواقيت الصلاة حسب المدينة

يسترجع المواقيت اليومية بدقة (الفجر، الظهر، العصر، المغرب، العشاء) لأي مدينة في العالم باستخدام واجهة Aladhan البرمجية، استنادًا إلى إحداثيات الموقع من واجهة Nominatim.

️ اختيار تلقائي لطريقة الحساب

يحدد التطبيق تلقائيًا طريقة الحساب الأنسب لكل دولة لضمان التوقيت الصحيح وفق المرجع الفقهي المحلي.

⏰ ساعة حية وعد تنازلي للصلاة التالية

يعرض التطبيق الوقت الحالي مع عدٍّ تنازلي مباشر للصلاة القادمة باستخدام بيانات المنطقة الزمنية الدقيقة من واجهة TimeZoneDB.

دعم لغتين (العربية والإنجليزية)

يمكن للمستخدم التبديل بين اللغتين في أي وقت، حيث يتم تحديث واجهة المستخدم بالكامل وترجمة أسماء الصلوات باستخدام i18next.

تصميم متجاوب وسهل الوصول

تم تطوير الواجهة باستخدام Tailwind CSS وإضافة مكوّن خاص لتظليل النص لضمان الوضوح وسهولة الاستخدام على جميع الشاشات، مع احترام معايير التباين والقراءة.

مؤشرات تحميل ومعالجة للأخطاء

تجربة استخدام سلسة بفضل مؤشرات التحميل الواضحة ورسائل الخطأ الودية في حال إدخال مدينة غير صالحة أو فشل الشبكة.

️ الهيكلية وسير العمل

إدخال المدينة والحصول على الإحداثيات:

يُدخل المستخدم اسم المدينة → يتم جلب الإحداثيات عبر واجهة Nominatim.

معالجة توقيت الصلاة:

تُستخدم الإحداثيات واسم الدولة لاختيار أفضل طريقة حساب → تُجلب البيانات من واجهة Aladhan.

ضبط المنطقة الزمنية:

تضمن واجهة TimeZoneDB التزامن التام بين التوقيت المحلي ومواقيت الصلاة.

عرض الواجهة:

الشريط العلوي: عنوان التطبيق + حديث نبوي

القسم الرئيسي: اسم المدينة، الساعة الحية، والعد التنازلي للصلاة التالية

بطاقات الصلوات: أيقونة + اسم الصلاة المترجم + وقتها بدقة

التبديل بين اللغات:

يتم تحديث النصوص مباشرةً في جميع المكونات باستخدام إدارة الحالة في i18next.

أبرز الإنجازات

تصميم تطبيق صلاة متعدد اللغات، متجاوب، ويعمل على نطاق عالمي.

تطوير منطق ديناميكي لاختيار طريقة الحساب وفقًا للممارسات الدينية المحلية.

معالجة تعقيدات المنطقة الزمنية وضمان دقة التوقيت باستخدام تزامن واجهات متعددة.

التركيز على تجربة المستخدم وإمكانية الوصول عبر HTML دلالي، أدوار ARIA، وتنسيق نص متكيف.

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
4
تاريخ الإضافة
تاريخ الإنجاز
المهارات