Yummy - منصة تفاعلية لاستعراض واكتشاف وصفات الطعام العالمية

وصف العمل:

قمت بتطوير مشروع Yummy، وهو تطبيق ويب متقدم يعتمد على جلب البيانات اللحظية من واجهات برمجة التطبيقات (APIs) لتقديم تجربة مستخدم سلسة وشاملة لكل ما يخص الطهي العالمي.

ما تم تنفيذه في المشروع:

واجهة عرض ديناميكية: تصميم شبكي (Grid System) احترافي يعرض الأكلات مع تأثيرات تحويم (Hover) تظهر اسم الأكلة بشكل أنيق.

نظام تفاصيل الوصفات (Recipe Details): برمجة نظام لعرض تفاصيل كل وجبة عند النقر عليها، يشمل:

خطوات التحضير (Instructions) بشكل منظم.

عرض المكونات والمقادير باستخدام بطاقات صغيرة (Badges) لتسهيل القراءة.

تصنيف الوجبة حسب المنطقة الجغرافية (Area) والفئة (Category).

روابط مباشرة للمصادر الخارجية وفيديوهات الشرح على اليوتيوب.

تكامل البيانات (API Integration): الربط مع API خارجي لجلب بيانات مئات الوجبات وتحديثها تلقائياً.

التصميم المتجاوب (Responsive UI): الموقع متوافق تماماً مع جميع الشاشات، مع قائمة جانبية (Navbar) مرنة وسهلة الاستخدام.

الأدوات والتقنيات:

JavaScript (ES6+): لبرمجة منطق العرض وجلب البيانات (Async/Await & Fetch API).

HTML5 & CSS3: مع استخدام تقنيات Flexbox و Grid لتنسيق المحتوى.

UI/UX Patterns: تطبيق معايير تجربة المستخدم لضمان سرعة التنقل ووضوح المعلومات.