Foodie Frenzy

يتميز الموقع بتصميم مستجيب بالكامل (Fully Responsive) يعمل بكفاءة على أجهزة الموبايل، الجهاز اللوحي، والكمبيوتر. وتتكون الواجهة من: • شريط تنقل (Navbar): يضم شعار الموقع وروابط ذكية للتنقل بين الأقسام، مع أيقونة للسلة تُظهر عدد العناصر المضافة في الوقت الفعلي,. • بانر عرض مميز (Hero Banner): يحتوي على عنوان جذاب وزر "Watch Video" الذي يفتح نافذة منبثقة (Popup) لعرض فيديو تعريفي,,. • قائمة طعام مصنفة: يتم عرض الوجبات بناءً على فئات مثل المشروبات والحلويات، حيث يتم جلب هذه البيانات ديناميكياً من قاعدة البيانات. • قسم "من نحن" (About Us): يستعرض قصة المتجر مع استخدام رسوم متحركة (Animations) لإضفاء لمسة عصرية,. 2. الوظائف الأساسية للمستخدمين • نظام التوثيق (Authentication): يتيح للمستخدمين إنشاء حسابات جديدة وتسجيل الدخول بأمان، مع ميزة "تذكرني" للبقاء متصلاً. • إدارة سلة التسوق: يمكن للمستخدمين إضافة الوجبات، تعديل الكميات، أو حذف العناصر، مع حساب إجمالي التكلفة تلقائياً,. • عملية الدفع (Checkout): يدعم الموقع خيارين للدفع: ◦ الدفع عند الاستلام (COD): لتسهيل الطلب المباشر. ◦ الدفع عبر الإنترنت: متكامل مع بوابة Stripe العالمية لمعالجة المدفوعات البنكية بأمان,. • تتبع الطلبات (My Orders): صفحة خاصة لكل مستخدم لعرض تاريخ طلباته وحالتها الحالية، مع ضمان خصوصية البيانات بحيث لا يرى كل مستخدم إلا طلباته الخاصة,. • التواصل المباشر: يحتوي قسم "اتصل بنا" على نموذج يوجه رسائل الاستفسارات مباشرة إلى WhatsApp الخاص بالدعم الفني,. 3. لوحة تحكم المسؤول (Admin Panel) يوفر التطبيق لوحة تحكم منفصلة وقوية للمسؤولين لإدارة المتجر: • إدارة المحتوى: إمكانية إضافة وجبات جديدة (رفع الصور، تحديد السعر، الوصف، الفئة، والتقييم),. • إدارة الطلبات: يستطيع المسؤول رؤية كافة طلبات الزبائن وتحديث حالتها (مثل: "قيد التوصيل" أو "تم التوصيل")، وتنعكس هذه التحديثات فوراً لدى المستخدم. 4. القوة التقنية (Technical Highlights) • الأمان: تشفير كلمات المرور باستخدام bcrypt وحماية المسارات الحساسة باستخدام رموز JWT (JSON Web Tokens),. • قاعدة البيانات: استخدام MongoDB لتخزين بيانات المستخدمين، الوجبات، والطلبات بشكل مرن. • التصميم: الاعتماد على Tailwind CSS للتنسيق السريع والعصري، وFramer Motion لإضافة تفاعلات بصرية جذابة