TripleBite مطعم

هذا المشروع هو المهمة الرابعة من المرحلة الثانية في تدريبي داخل DevWave. قمت بتطوير واجهة موقع طلب طعام حديث ومتجاوب بالكامل باسم TripleBite باستخدام React.js وTailwind CSS، بينما تم بناء الجزء الخلفي باستخدام Django بواسطة أحد أعضاء الفريق. يقدم المشروع تجربة طلب طعام سلسة، سريعة، ومناسبة لجميع الأجهزة. رابط المعاينة المباشرة: phase-2-task-4-dev-wave.vercel.app التقنيات المستخدمة تشمل React.js وTailwind CSS في الواجهة الأمامية، مع Backend مبني بـ Django، بالإضافة إلى تصميم متجاوب بالكامل يعمل بمنهجية Mobile First لضمان تجربة مثالية على الهاتف والتابلت والكمبيوتر. المشروع يحتوي على واجهة طلب طعام كاملة بتصميم نظيف وحديث، مع واجهة تفاعلية مبنية بـ React.js، وتصميم باستخدام Tailwind CSS، بالإضافة إلى دمج متكامل مع نظام Django لإدارة الطلبات، القوائم، والمستخدمين. كما يوفر خصائص مهمة مثل تصفية القائمة حسب الفئات، نظام عربة تسوق ديناميكي، تجربة طلب سهلة من الهاتف، وصفحة دفع واستكمال الطلب. هدف المهمة كان بناء نظام طلب طعام متكامل بين الواجهة الأمامية والباك إند، مع ضمان تجربة استخدام سلسة على جميع الأجهزة، وهيكلية واضحة تعتمد على مكوّنات React، مع تصميم موحد وحديث باستخدام Tailwind CSS. يتكون المشروع من صفحة قائمة تعرض الأصناف حسب الفئات مع إمكانية إضافتها إلى العربة، وصفحة عربة وتسوق لمراجعة وتعديل الطلبات وإتمام الدفع، بالإضافة إلى تصميم متجاوب بالكامل مناسب لمختلف الشاشات. الجانب الخلفي (API) مسؤول عن إدارة الطلبات، تسجيل الدخول، وبيانات القائمة والمستخدمين.