منصة تفاعلية لاستعراض معلومات الدول واختبار المعرفة باستخدام React وTypeScript
تفاصيل العمل
موقع بسيط وسريع، يتيح للمستخدمين استكشاف معلومات شاملة عن دول العالم بطريقة تفاعلية وسهلة الاستخدام.
تم بناء هذا المشروع باستخدام React مع TypeScript، ويعتمد على REST Countries API لجلب البيانات الحية.
الميزات الرئيسية:
عرض جميع دول العالم مع معلومات مثل: الاسم، العاصمة، عدد السكان، اللغة، العملة، العلم والموقع الجغرافي.
محرك بحث سريع للعثور على أي دولة وعرض تفاصيلها بشكل منسّق. يدعم البحث عن الدول العربية باللغتين العربية والانجليزية.
أربعة اختبارات تفاعلية لاختبار معلومات المستخدم:
-أعلام الدول (Flags):
هل يمكنك التعرف على اسم الدولة من خلال علمها؟
-عكس الأعلام (Reverse Flags):
هل يمكنك اختيار العلم الصحيح عندما يُعرض عليك اسم الدولة؟
-عواصم الدول (Capitals):
هل تعرف عاصمة كل دولة في العالم؟
-عملات الدول (Currencies):
هل يمكنك معرفة العملة الرسمية لكل دولة؟
دعم الوضع الليلي والنهاري:
يمكن للمستخدم التبديل بين الوضع الفاتح والمظلم بسهولة حسب تفضيله.
واجهة استخدام متجاوبة تعمل على مختلف الأجهزة (موبايل، تابلت، وديسكتوب).
التقنيات المستخدمة:
React + TypeScript
REST API Integration
Responsive Design
Routing باستخدام React Router
رابط الموقع: