react news app

تطبيق الأخبار

يتم تشغيل تطبيق الأخبار هذا بواسطة واجهة برمجة تطبيقات GNews العامة ويوفر للمستخدمين أحدث المقالات الإخبارية من جميع أنحاء العالم. يوفر التطبيق واجهة سهلة الاستخدام حيث يتم تنظيم المقالات الإخبارية حسب الفئات، مما يسمح للمستخدمين بتصفح وقراءة المقالات التي تهمهم بسهولة.

سمات

• الأخبار حسب الفئة : يصنف التطبيق المقالات الإخبارية إلى فئات مختلفة، بما في ذلك الترفيه والأعمال والرياضة والتكنولوجيا والصحة والعلوم والمزيد. يمكن للمستخدمين النقر فوق إحدى الفئات لعرض المقالات الخاصة بهذه الفئة.

• البحث في الأخبار : يتضمن التطبيق شريط بحث يمكّن المستخدمين من البحث عن مقالات إخبارية محددة. يمكن للمستخدمين إدخال الكلمات الرئيسية المتعلقة بالأخبار التي تهمهم، وسيعرض التطبيق المقالات ذات الصلة بناءً على استعلام البحث.

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

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

التقنيات المستخدمة

• React : تم إنشاء التطبيق باستخدام React، وهي مكتبة JavaScript شائعة لإنشاء واجهات المستخدم. يوفر React أساسًا قويًا لإنشاء مكونات تفاعلية وديناميكية.

• Redux : يتم استخدام Redux لإدارة الحالة في التطبيق. فهو يساعد على إدارة الحالة العالمية للتطبيق ويتيح طريقة أكثر تنظيماً وقابلية للتنبؤ للتعامل مع تدفقات البيانات.

• المكونات المصممة : يتم استخدام المكونات المصممة لتصميم التطبيق. فهو يسمح للمطورين بكتابة CSS داخل JavaScript، مما يسهل إدارة الأنماط للمكونات الفردية.

• React-Bootstrap : يتم استخدام React-Bootstrap لبناء مكونات واجهة مستخدم سريعة الاستجابة وقابلة للتخصيص. فهو يوفر مجموعة واسعة من المكونات المعدة مسبقًا والتي يمكن دمجها بسهولة في التطبيق.

• أكسيوس : أكسيوس هي مكتبة جافا سكريبت تستخدم لتقديم طلبات HTTP. يتم استخدامه في هذا المشروع لجلب البيانات من واجهة برمجة تطبيقات GNews العامة.

الاستخدام

لتشغيل تطبيق React News على جهازك المحلي، اتبع الخطوات التالية:

1. انسخ المستودع إلى جهازك المحلي باستخدام الأمر التالي:

 git clone https://github.com/simranlotey/react-news-app.git

2. انتقل إلى دليل المشروع:

 cd react-news-app

3. تثبيت التبعيات المطلوبة:

 npm install

4. ابدأ خادم التطوير:

 npm start

5. افتح متصفح الويب الخاص بك وقم بزيارة http://localhost:3000 للوصول إلى التطبيق.

المساهمة

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

رخصة

تم ترخيص تطبيق الأخبار هذا بموجب ترخيص MIT. لا تتردد في استخدام الكود وتعديله وتوزيعه وفقًا لشروط الترخيص.

شكر وتقدير

• يستخدم هذا التطبيق واجهة برمجة تطبيقات GNews العامة لجلب المقالات الإخبارية. قم بزيارة موقع الويب الخاص بهم لمزيد من المعلومات: GNews API