Skip to content

EssamWisam/Learn-Quran-App

Repository files navigation

🌙 برنامج تعلم القرآن

يهدف هذا التطبيق إلي تيسير سماع، قراءة، تدبر وتعلم القرآن عبر الهواتف التي يقضي عليها كثيرون منا جزءًا كبيرًا من الوقت كل يوم.

فقد قال الله تعالي: { كِتَابٌ أَنزَلْنَاهُ إِلَيْكَ مُبَارَكٌ لِّيَدَّبَّرُوا آيَاتِهِ وَلِيَتَذَكَّرَ أُولُو الْأَلْبَابِ } (آية ٢٩ - ص) و { يَرْفَعِ اللَّهُ الَّذِينَ آمَنُوا مِنْكُمْ وَالَّذِينَ أُوتُوا الْعِلْمَ دَرَجَاتٍ } (آية ١١ - المجادلة) كما ورد عن النبي صلى الله عليه وسلم في صحيح البخاري: (خيركم من تعلم القرآن وعلمه) وروي الإمام مسلم عن أبي هريرة رضي الله عنه أن رسول الله صلى الله عليه وسلم قال (ومن سلك طريقا يلتمس فيه علما سهل الله له طريقا به إلى الجنة) وهذا فقط بعض ما ورد في القرآن الكريم والسنة النبوية في فضل تعلم وتدبر القرآن.

ومن خواص التطبيق والتي قد يتميز ببعضها عن التطبيقات الأخري:

image

خاصية السماع فقط تحتاج إلي الانترنت.

image image

ويمكن تحميل النسخة التجريبية للبرنامج من خلال جوجل بلاي وفي حال اكتشافكم لأي عطب برمجي كما هو محتمل جداً في هذه المرحلة نرجو الإبلاغ عن ذلك عبر جيتهاب أو أي وسيلة أخري ومرحب ايضاً بكافة التعليقات الهادفة للتحسين أو ألافكار.

👨🏻‍💻 التقنيات والمساهمة

تم بناء هذا التطبيق باستخدام ريأكت نيتف وهو يختلف بشكل محدود ومحدد عن رياكت كما قد بينت من قبل هنا.

ويأخذ البرنامج الهيكل التالي

.
├── App.tsx                     نقطة الدخول
├── Navigation.tsx              يحدد طرق التنقل بين الصفحات المختلفة
├── Pages
│   ├── HomePage                عناصر الصفحة الرئيسية (قائمة السور والأجزاء)                                                      
│   ├── SurahPage               عناصر صفحة عرض السورة وسماعها والتمرير التلقائي
│   ├── TafsirPage              عناصر صفحة عرض التفسير والبويب الموضوع للسورة وبطاقة المعلومات
│   ├── BookmarksPage           عناصر صفحة الحافظة (مستعارة من صفحة التفسير)
│   ├── SettingsPage            عناصر صفحة الإعدادات
│   └── EmptyPage               صفحة فارغة لا تعرض 
├── Quran                       يحتوي على القرآن الكريم، تفسير الوسيط وما ألي ذلك وكود بيثون يساعد في تكوين الملفات
│   ├── Quran.txt
│   ├── Tafsir.ipynb
│   ├── TafsirParse.ipynb
│   ├── ...
│   └── update-sections-json.ipynb
├── Redux                        يحتوي على المتغيرات المستخدمة في عناصر مختلفة في البرنامج
│   ├── slices
│   └── store.ts
├── app.json                      يحتوي على اسم البرنامج وبيانات اخري
├── assets                        يحتوي على لوجو البرنامج والصور والخطوط الاخري المستخدمة
├── fonts.ts                      يقوم لتحميل الخطوط إلي البرنامج
└── helpers.ts                    به دوال مستخدمة في عناصر مختلفة من البرنامج

لا تتردت بعمل "طلب سحب" إذا اردت المساهمة سواء كان ذلك لإضافة خاصية جديدة أو إصلاح أي عطل تكتشفه في التطبيق وجزاكم الله كل خير.

🤔 لماذا تفسير الوسيط

من الأسباب الرئيسية التي جعلتني افكر في بناء هذا التطبيق، كانت قراءتي (لبعضٍ من) تفسير الوسيط للشيخ المصري محمد الطنطاوي - رحمه الله. كنت آنذاك أبحث في التفاسير المختلفة لبعض السور، وكنت أعتاد البحث أكثر في تفسير الآية لفهمها بشكل أعمق وأشمل، حتى وقفتُ على تفسير الوسيط، فوجدتُ فيه القدر الممتاز من الوضوح والشمول.

يمكنك النظر في ذلك من خلال قرائة التفاسير المختلفة (الميسر، المختصر، القرطبي، ابن كثير وما إلي ذلك) لنفس الآية من خلال موقع SurahQuran: كثيرٌ منها قد لا يوضح دور الكلمات والأساليب الموجودة في الآية في استنتاج تفسيرها (مما يفيد التسهيل والتبسيط فهي تفاسير عظيمة علي أي حال)، أما التفسير الوسيط فوجدت أنه عادةً أو كثيراً ما يفسر الآية كلمة بكلمة (بالقدر المطلوب) ويتحدث في ذلك عن أصول الكلمات وأمثلة لاستخدامها في اللغة والمنطق وراء مجيئها في الأساليب عينها ثم يستنتج من ذلك التفسير العام للآية ومن ثم يكمل التفسير بالاستعانة إلى السنة أو الآيات الأخرى وعندما تتعدد الآراء في تأويلٍ معين، يذكر أهمها ويختار ويبرر رأيه الخاص منها.

ومن مزايا قراءة التفسير الوسيط عبر هذا التطبيق انه لا يحتاج إلي الانترنت وانه يعرض التفسير بعد إضافة المسافات والالوان لتيسير قرائته.

ومن كتب التفسير الحديثة الأخري العظيمة التي اطلعت عليها، التفسير المنير للشيخ السوري وهبة الزحيلي. يعرض هذا التفسير -بشكل في منتهى التنظيم- المواضيع المختلفة في كل سورة ولكل موضوع منهم يمر على الآيات المتضَمنة ويشرح لكلٍ منها: الإعراب، البلاغة، المفردات اللغوية، التفسير والبيان، فقه الحياة أو الأحكام. كما لو كان نسخة منظمة، مطولة ومتعمقة من تفسير الوسيط ولهذا فهو يستحق تطبيقه الخاص الذي يعرض التفسير كما هو منظم في كتابه. في هذا التطبيق استعرت منه فقط التبويب الموضوعي للسور واستخدمت تفسير الوسيط فضلاً عنه لأنه أبسط وأقصر ولا يحتاج إلي تنظيم معين.

كذلك قمت بإضافة المختصر في تفسير القرآن لمن يرغبون في تفسير اكثر سهولة وإيجاز. هذا مثل التفسير الميسر ولكني فضلته عنه لأنه دائماً يفسر كل آية علي حدة ويذكر ايضاً فوائد الآيات.

📚 المرجعيات

  • استعنت بalquran.cloud لتحميل المقاطع الصوتية للتلاوات
  • استعنت ب tafsir_api لتنزيل تفسير الوسيط وابن كثير مقسم بالآيات وقمت بعد ذلك بمعالجة المحتوي النصي في التفسير لتيسير القراءة
  • اما بالنسبة للمختصر في التفسير فاستعنت بمكتبة الخاتمة
  • قمت بتنزيل كتاب الميسر في غريب القرآن من موقع مجمع الملك فهد
  • بالنسبة للتبويب الموضوعي للسور فقمت بعمل سكريب لفهرس كتاب التفسير المنير على المكتبة الشاملة وكتابة كود اختبار لتأكد من صحة ذلك
  • بالنسبة لبطاقات السور فهي من كتاب البطاقات لدكتور ياسر بن إسماعيل راضي والتي وجدتها على هيئة جسون هنا
  • بعض الايقونات الموجودة مأخوذة من موقع Flaticon

📖 الأفكار الأخري (Quran Summer of Code)

هل أنت ملم بتقنيات كتابة برامج الهواتف مثل (فلاتر ورياكت نيتف وغيرعهم) وتتطلع إلى استخدام تلك المهارات في إطار تعليم القرآن؟ إذا كانت اجابتك نعم، فربما تجد في الافكار التالية ما يمكنك المساهمة أو البدء في بنائه.

شكراً لكم والسلام عليكم ورحمة الله.

About

An app to listen, read and learn Quran

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published