تطبيق طلب بيتزا أونلاين | React وRedux Toolkit

تطبيق ويب لمطعم بيتزا يتيح للزبون تصفح القائمة، وإضافة الطلبات إلى السلة، وإتمام الطلب والدفع عند الاستلام، دون الحاجة إلى إنشاء حساب.

رحلة المستخدم:

يُدخل الزبون اسمه ويبدأ الطلب مباشرة، ثم يتصفح قائمة من 18 صنفًا تُعرض فيها الأصناف غير المتوفرة بحالة واضحة (Sold out). يضيف ما يريده إلى السلة ويعدّل الكميات، وفي صفحة إتمام الطلب يُدخل رقم هاتفه وعنوانه، أو يحدد موقعه تلقائيًا بضغطة زر. ويمكنه اختيار "أولوية الطلب" مقابل رسوم إضافية تُحسب تلقائيًا، ثم البحث عن طلبه لاحقًا برقمه لمتابعة حالته.

الجانب التقني:

إدارة حالة السلة والمستخدم باستخدام Redux Toolkit.

التنقل وجلب البيانات وإرسال النماذج عبر React Router (loaders و actions).

تحديد الموقع الجغرافي وتحويل الإحداثيات إلى عنوان.

تصميم متجاوب بالكامل باستخدام Tailwind CSS، يعمل بسلاسة على الجوال وسطح المكتب.

المشروع منشور على Vercel والكود متاح على GitHub.