قمت بتصميم وتطوير واجهة تفاعلية لمنيو مطعم إلكتروني باستخدام HTML، Tailwind CSS، وJavaScript مع دمج واجهة برمجية (API) للحصول على بيانات الوجبات وعرضها بشكل ديناميكي.
الهدف من المشروع كان تقديم تجربة مستخدم سلسة وجذابة لعرض وصفات الطعام أو أصناف المنيو بطريقة منظمة ومريحة بصريًا، مع دعم التفاعل الكامل.
اعتمدت في هذا المشروع على استهلاك API خارجي خاص بالوجبات، حيث قمت بجلب البيانات (مثل اسم الوجبة، الصورة، الفئة، البلد) وعرضها بشكل تلقائي داخل بطاقات مصممة بعناية.
كما أنني طبقت نظام Pagination لتقسيم البيانات إلى صفحات، بحيث تظهر 9 وجبات فقط في كل مرة لتسهيل التصفح وتحسين الأداء.
قمت أيضًا بإضافة ميزة الوضع الليلي (Dark Mode)، تتيح للمستخدم التحويل بين الوضعين الفاتح والداكن بكل سلاسة، مما يُحسن من راحة العين أثناء الاستخدام.
كما استخدمت مكتبة AOS لإضافة تأثيرات حركية عند التمرير، مما يضيف طابعًا عصريًا وحيويًا على تجربة التصفح.
جميع العناصر تم تطويرها باستخدام كود نظيف ومرتب، مع تصميم متجاوب بالكامل يناسب جميع أحجام الشاشات، سواء على الهاتف أو الجهاز اللوحي أو الكمبيوتر.
هذا المشروع يعكس قدرتي على دمج الواجهات الأمامية مع مصادر بيانات خارجية من خلال الـ API، وإنشاء واجهة مستخدم جذابة وفعالة باستخدام تقنيات حديثة وحديثة البناء.
