شاركت مؤخرًا في تحسين أحد الجوانب التقنية لمشروع دليل التطبيقات القرآنية التابع لإتقان، الذي يهدف إلى توفير قاعدة بيانات شاملة لأفضل تطبيقات القرآن الكريم.
دافعي للمساهمة في التطبيق
لاحظت خللًا بصريًا في متصفح فايرفوكس ناتجًا عن تحميل خط Rubik مسبقًا (Font Preloading) بطريقة غير مكتملة، مما أدى إلى تشويه عرض حرف بعض الأحرف مثل حرف الهاء والألف المقصورة والياء والزاي في الصورة أدناه:
قمت بتحديث روابط الخطوط إلى الإصدار v31 من Google Fonts، مع إزالة تقييد subset لضمان تحميل مجموعة الحروف الكاملة.
أدى هذا التعديل إلى تحسين تناسق العرض دون أي تأثير سلبي على الأداء أو تجربة المستخدم كما في الصورة التالية:
خطوات التنفيذ
اتبعت الخطوات التالية أثناء تنفيذ التحسين:
- إنشاء Fork من المستودع الرئيسي على حسابي في GitHub.
- فتح Branch جديد مخصص للتعديل المقترح.
- استنساخ المشروع محليًا وتشغيله مباشرة عبر ملف التشغيل (.sh أو .bat) دون الحاجة لإعدادات إضافية.
- تنفيذ التعديلات، ودفعها إلى الفرع الجديد، ثم فتح طلب سحب Pull Request موثّق يشرح التحسين بالتفصيل. هنا تجد رابط الطلب.
المراجعة والدمج
- أجرت الأداة الذكية المتصلة بجيت هب CodeRabbit AI مراجعة آلية دقيقة للكود شملت أوزان الخطوط المسبقة التحميل.
- نفذ Netlify سلسلة اختبارات تلقائية شملت سرعة الأداء، وسهولة الوصول، وامتثال الكود لأفضل الممارسات، وتحسين محركات البحث SEO، ودعم خصائص تطبيقات الويب التقدمية PWA، لضمان جودة المخرجات قبل الدمج النهائي.
بعد اعتماد المراجعة من فريق المشروع بإشراف الأخ @أبو بكر عبد الرحمن من إتقان، تم دمج التعديل في الفرع الرئيسي بنجاح ليصبح جزءًا من الإصدار الفعلي للتطبيق.
جزى الله الأخوة العاملين على تطوير دليل التطبيق القرآنيّ خيراً، تجربة التطوير فائقة السلاسة والسهولة، ولم أواجه أيّ مشكلة أثناء تجربة المشروع محلياً أو العمل عليه.
