الواجهة الأماميةمشروع شخصي2024
Pizza Sage
تطبيق ويب لطلب البيتزا يضم قائمة كاملة وسلة ومسار دفع، مصمّم ليكون سريعاً وسلساً على الهاتف.
التقنيات المستخدمة
Next.jsReactTailwind CSS
المشكلة
تعتمد المطاعم الصغيرة غالباً على الطلبات الهاتفية، وهي بطيئة وعرضة للأخطاء. كان الهدف تجربة طلب نظيفة تعطي الأولوية للهاتف، يمكن للعميل إتمامها في أقل من دقيقة.
ما قمت ببنائه
- بناء القائمة الكاملة وخيارات التخصيص وتجربة السلة باستخدام Next.js وReact.
- تصميم واجهة متجاوبة تعطي الأولوية للهاتف باستخدام Tailwind CSS.
- التركيز على مسار دفع سلس وملخص طلب واضح.
التحديات وكيف تجاوزتها
- الحفاظ على اتساق حالة السلة وقابليتها للتوقع عبر مسار الطلب بأكمله.
- جعل التخطيط طبيعياً على الشاشات الصغيرة دون التضحية بالوضوح.
النتيجة
واجهة طلب متقنة وسريعة تُظهر مساراً تجارياً متكاملاً من القائمة حتى الدفع. عرض مباشر متاح.
ما تعلمته: ترسيخ أنماط إدارة الحالة والموازنات في تجربة المستخدم على الهاتف ضمن المسارات التعاملية.