قمت بتصميم وتطوير واجهة تطبيق ويب تفاعلية بنظام الصفحة الواحدة Single Page Application لمطعم، بهدف تقديم تجربة مستخدم سريعة وعصرية تحاكي تطبيقات طلب الطعام الفعلية. يركز المشروع بشكل أساسي على الأداء العالي والتصميم المتجاوب مع كافة الأجهزة والشاشات.
يحتوي التطبيق على قائمة طعام ديناميكية تتيح للمستخدم استعراض الوجبات وتصنيفها حسب النوع بسهولة. الميزة الجوهرية في المشروع هي نظام إدارة سلة المشتريات الذي تم بناؤه برمجياً ليتيح إضافة المنتجات وتعديل الكميات وحساب التكلفة الإجمالية بشكل لحظي ودقيق. كما يتضمن المشروع واجهة لإتمام الطلب Checkout تجمع بيانات المستخدم وتحاكي اختيار طريقة الدفع والتحقق من صحة البيانات المدخلة.
من الناحية التقنية تم الاعتماد على مكتبة React.js وبيئة Vite لضمان السرعة، واستخدام إطار Tailwind CSS لبناء واجهات مرنة وحديثة. تمت إدارة حالة التطبيق والبيانات Global State باستخدام Context API، وتنظيم المسارات والتنقل بين الصفحات عبر React Router DOM، مع إضافة لمسات حركية بسيطة باستخدام Framer Motion لتحسين تجربة الاستخدام