تطوير قائمة طعام رقمية لمطعم بواجهة تفاعلية
تطوير قائمة طعام رقمية لمطعم بواجهة تفاعلية
وصف الخدمة
قمت بتصميم وتطوير واجهة تفاعلية لقائمة طعام إلكترونية باستخدام HTML، Tailwind CSS، وJavaScript، مع دمج API خارجي لعرض بيانات الوجبات بشكل ديناميكي.
يشمل المشروع نظام Pagination لعرض 9 وجبات في كل صفحة، ودعم للوضع الليلي (Dark Mode) مع تأثيرات حركية باستخدام AOS لتحسين تجربة المستخدم.
التصميم متجاوب بالكامل، والكود نظيف ومنظم، ويعكس قدرتي على بناء واجهات عصرية متصلة ببيانات خارجية بكفاءة واحترافية.
مميزات الخدمة
تصميم متجاوب بالكامل
يعمل بسلاسة على جميع الأجهزة من الموبايل حتى الشاشات الكبيرة.
الوضع الليلي والنهاري
تحويل سلس بين الثيمين Dark/Light.
تقسيم الصفحات (Pagination)
تنظيم عرض الوجبات على عدة صفحات مع تمييز الصفحة الحالية.
أنيميشن جذاب عند التمرير
تأثيرات حركة سلسة باستخدام مكتبة AOS لتحسين تجربة المستخدم.
ما الذي ستستلمه
عدد 1 ملف HTML
الملف الرئيسي للموقع يحتوي على هيكل الصفحة الكاملة (Navbar - Hero - Meals Section - Footer).
عدد 1 ملف CSS خارجي (style.css)
يحتوي على التعديلات المخصصة مثل تأثيرات الوضع الليلي، تخصيص الألوان، والخطوط خارج Tailwind.
عدد 1 ملف JavaScript (script.js)
يحتوي على كل الأكواد المنطقية الخاصة بجلب البيانات، عرض الوصفات، التحكم في الوضع الليلي، والتحكم في الباجينيشن.
الربط مع مكتبات خارجية
ربط بمكتبة Tailwind CSS عبر CDN
ربط بمكتبة Lucide Icons لأيقونات السيمات
ربط بمكتبة AOS.js لتأثيرات الظهور
كلمات مفتاحية
خدمات قد تنال إعجابك
شراء الخدمة
سعر الخدمة
$5.00
خدمات قد تنال إعجابك
كلمات مفتاحية
