واجهة مستخدم ديناميكية مع تكامل API

تم تنفيذ هذا المشروع كجزء من تحدٍ مقدم من Frontend Mentor، حيث تم بناء تطبيق يعرض معلومات عن الدول باستخدام بيانات مستخرجة من API. المشروع يركز على تقديم تجربة مستخدم متكاملة وسلسة مع تصميم عصري.

ميزات المشروع:

وضع الضوء والظلام: يتيح للمستخدمين التبديل بين الوضع الداكن والفاتح لتوفير تجربة مريحة بصريًا.

تصميم متجاوب بالكامل: يضمن توافق التطبيق مع جميع الأجهزة، من الهواتف الذكية إلى الشاشات الكبيرة.

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

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

React.js: لتطوير واجهات مستخدم ديناميكية وتفاعلية.

API Integration: تكامل مع API لاسترداد وعرض بيانات الدول.

CSS: لتصميم أنيق ومتجاوب يتماشى مع جميع الشاشات.

Figma: لتحويل تصميم متقن إلى تطبيق عملي.

React Router: لإدارة التنقل بين صفحات التطبيق بشكل سلس.

Framer Motion: لإضافة رسوم متحركة سلسة تعزز تجربة المستخدم.

أهداف المشروع:

تطوير تطبيق يعتمد على React.js لتقديم واجهة مستخدم تفاعلية ومتكاملة.

دمج واجهة برمجة التطبيقات (API) لعرض البيانات بطريقة ديناميكية ومحدثة.

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