واجهة برمجة تطبيقات الدول مع مفتاح تبديل بين الوضع اليلي و المضئ

تفاصيل العمل

ذا المشروع هو تطبيق تفاعلي لعرض معلومات حول دول العالم باستخدام واجهة برمجة تطبيقات REST Countries API. يوفر لك التطبيق المميزات التالية:

عرض جميع دول العالم: تصفح قائمة شاملة بجميع دول العالم، مع إمكانية رؤية علم كل دولة.

معلومات تفصيلية عن كل دولة: عند الضغط على اسم أي دولة، تظهر لك معلومات مفصلة عنها، بما في ذلك:

اسم الدولة الرسمي

عاصمتها

عدد السكان

المنطقة الجغرافية

اللغات الرسمية

العملة

وغيرها من المعلومات المهمة

استكشاف الدول المتاخمة: يُظهر لك التطبيق الدول التي تتشارك الحدود البرية مع الدولة التي اخترتها. يمكنك النقر على اسم أي دولة متاخمة للانتقال إلى معلوماتها التفصيلية.

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

بحث عن دولة معينة: يمكنك استخدام شريط البحث للعثور على دولة محددة من خلال كتابة اسمها.

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

تقنيات الإنشاء:

React: مكتبة جافاسكريبت حديثة لبناء واجهات المستخدم التفاعلية.

Context API: طريقة لإدارة وتمرير البيانات عبر مكونات React المختلفة دون الحاجة إلى تمرير البيانات يدويًا عبر كل مستوى من التسلسل الهرمي للمكونات.

Tailwind CSS: إطار عمل CSS سريع الاستجابة يتيح لك إنشاء واجهات مستخدم جميلة باستخدام فئات مساعدة مفيدة.

استنتاج:

هذا المشروع هو مثال رائع على كيفية استخدام واجهة برمجة تطبيقات REST Countries API مع تقنيات حديثة مثل React و Context API و Tailwind CSS لإنشاء تطبيق ويب تفاعلي وغني بالمعلومات.

بطاقة العمل

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

المهارات المستخدمة