قمت بتصميم وتطوير موقع مطعم تفاعلي من الصفر باستخدام React.js + Vite مع TailwindCSS لواجهة حديثة وسريعة الاستجابة.
المزايا:
واجهة متجاوبة (Responsive Design) تعمل بسلاسة على جميع الأجهزة (موبايل – تابلت – كمبيوتر).
قائمة طعام ديناميكية تُعرض من ملف بيانات بدل من الهاردكود، لسهولة التعديل والإضافة.
سلة مشتريات (Cart) تسمح للمستخدم بإضافة/حذف الأطباق مع تحديث السعر الإجمالي مباشرة.
تعدد الصفحات عبر React Router (الصفحة الرئيسية – القائمة – من نحن – تواصل معنا).
تصميم حديث باستخدام TailwindCSS يحقق سرعة في التطوير وتجربة مستخدم مريحة.
نشر المشروع على GitHub Pages لسهولة الوصول والتجربة.
الهدف:
تقديم تجربة استخدام سلسة وبسيطة لعملاء المطعم عبر استعراض القائمة وتصفح الصفحات بسهولة، مع واجهة احترافية وسرعة عالية.