موقع Tomato Food Delivery هو تطبيق ويب متكامل لتجربة طلب الطعام أونلاين، تم تصميمه باستخدام Pure JavaScript بدون أي أُطر عمل، مما يجعله خفيف وسريع الاستجابة. يتميز الموقع بواجهة مستخدم بسيطة وسهلة الاستخدام، مع تصميم متجاوب يضمن عمله بكفاءة على جميع الأجهزة سواء كانت هواتف محمولة، أجهزة تابلت، أو شاشات الكمبيوتر بمختلف المقاسات.
الموقع يتكون من 10 صفحات رئيسية، كل صفحة لها وظيفة مميزة، بحيث تغطي جميع المراحل الأساسية لعملية الطلب بداية من استعراض الوجبات وحتى تأكيد الشراء.
صفحة عرض المنتجات بالتفصيل:
يمكن للمستخدم استعراض تفاصيل كل وجبة بشكل منفصل، بما في ذلك الصورة والوصف والمكونات.
صفحات عرض الوجبات:
مقسمة حسب الفئات المختلفة (وجبات سريعة، مشروبات، حلويات... إلخ). عند الضغط على أي فئة، يتم تحميل الوجبات الخاصة بها بشكل ديناميكي.
إضافة إلى السلة (Add to Cart):
بجوار كل وجبة يوجد زر لإضافتها إلى السلة، بحيث يمكن للمستخدم تكوين طلبه بسهولة.
صفحة السلة وحساب الإجمالي:
تحتوي على ملخص كامل بجميع الوجبات التي أضافها المستخدم مع الكميات والأسعار، بالإضافة إلى المجموع النهائي للطلب.
صفحة تأكيد الطلب (Checkout Form):
تشمل نموذج تسجيل بيانات العميل مثل الاسم، العنوان، ورقم الهاتف، بالإضافة إلى خانة مخصصة لإدخال Promo Code لتفعيل الخصومات.
صفحات تسجيل الدخول وإنشاء حساب (Log In / Sign Up):
تُمكّن المستخدم من تسجيل الدخول بحساب موجود أو إنشاء حساب جديد. التنقل بين الصفحتين يتم بسهولة وسلاسة.
مميزات الموقع:
مبني على JavaScript خالص بدون مكتبات أو فريم ووركس، مما يعكس خبرة قوية في البرمجة من الصفر.
متجاوب (Responsive Design) بالكامل ليتناسب مع مختلف الأجهزة.
تجربة مستخدم سهلة وبديهية بداية من تصفح الوجبات وحتى إتمام عملية الشراء.
إمكانية استخدام Promo Code للحصول على عروض وخصومات.
سرعة عالية في الأداء نتيجة عدم الاعتماد على أكواد أو مكتبات إضافية.
باختصار، موقع Tomato Food Delivery يُقدم محاكاة كاملة لتجربة أي متجر طعام إلكتروني، ويجمع بين البساطة في التصميم والوظائف المتقدمة في إدارة الطلبات والمستخدمين.