Food Delivery

تطبيق ويب حديث لطلب الطعام باستخدام React و Vite

تطبيق ويب حديث ومتجاوب لطلب الطعام، تم تطويره باستخدام React و Vite، يتيح للمستخدمين تصفّح قوائم الطعام، إضافة الأصناف إلى السلة، وإتمام الطلب بسهولة من خلال واجهة مستخدم بسيطة وسلسة.

المميزات الرئيسية

الصفحة الرئيسية

قسم Hero لعرض محتوى مميز

زر دعوة لاتخاذ إجراء (Call to Action)

تصنيفات القائمة

تصفّح الأصناف حسب الفئات:

السلطات (Salad)

الساندويتشات (Sandwich)

الحلويات (Deserts – Cake)

اللفائف (Rolls)

نباتي (Pure Veg)

باستا (Pasta)

نودلز (Noodles)

فلترة حسب التصنيف

فلترة ديناميكية للأصناف حسب الفئة المختارة

تحديث فوري لقائمة الطعام بدون إعادة تحميل الصفحة

سلة المشتريات

إضافة وحذف المنتجات بسهولة

التحكم في الكمية (+ / -)

حساب الإجمالي بشكل فوري

حساب رسوم التوصيل:

2 دولار في حال وجود طلب

مجاني إذا كانت السلة فارغة

مؤشر بصري على أيقونة السلة بعدد العناصر

تصميم متجاوب (Responsive)

متوافق مع:

الموبايل

التابلت

الديسكتوب

نافذة تسجيل الدخول / التسجيل

واجهة تسجيل دخول وتسجيل مستخدم (واجهة فقط – بدون Backend)

صفحة إتمام الطلب (Checkout)

نموذج إدخال بيانات التوصيل

ملخص الطلب قبل التأكيد

كود الخصم (Promo Code)

حقل لإدخال كود الخصم (Placeholder واجهة فقط)

قسم تحميل التطبيق

روابط لتحميل التطبيق من:

Google Play

App Store

التقنيات المستخدمة (Tech Stack)

React 19 – لبناء واجهة المستخدم

Vite 7 – أداة البناء وسيرفر التطوير

React Router 7 – للتنقل بين الصفحات

Context API – لإدارة الحالة (السلة – المستخدم – الطلبات)

CSS3 – لتنسيق الواجهات والتصميم