Lumière Patisserie

Lumière Patisserie — منصة متجر حلويات فاخرة

مشروع تطبيق ويب متكامل تم تطويره باستخدام React.js وTypeScript، مصمم بأسلوب راقٍ يحاكي تجربة المتاجر الفرنسية الفاخرة، مع واجهة مستخدم احترافية تعتمد على Framer Motion وTailwind CSS.

الصفحات والمميزات:

الصفحة الرئيسية تتضمن قسم Hero سينمائي بصورة متحركة وتأثيرات Parallax عند التمرير، مع عرض المنتجات المميزة للأسبوع وقسم تعريفي بتاريخ المتجر وإحصائياته.

متجر الحلويات يتيح تصفية المنتجات حسب الفئة مع خاصية البحث الفوري، وشبكة منتجات متجاوبة مع تأثيرات انتقالية سلسة، إضافة إلى قسم للطلبات المخصصة في أسفل الصفحة.

صفحة تفاصيل المنتج تعرض معرض صور تفاعلي مع نظام تقييم بالنجوم، وبطاقة تعريفية بالشيف المسؤول عن المنتج، ومكونات المنتج والتحذيرات الصحية، مع إمكانية الإضافة للسلة أو قائمة الأمنيات.

الطلبات المخصصة تتضمن نموذجاً متكاملاً لاختيار الشكل ومستوى السكر وتاريخ التسليم ورفع صور الإلهام، مع رسالة تأكيد احترافية بعد الإرسال.

صفحة الطلبات السابقة تعرض سجل طلبات المستخدم بتصميم أنيق مع تفاصيل كل طلب من تاريخ وحالة وطريقة دفع وإجمالي المبلغ.

قائمة الأمنيات تتيح حفظ المنتجات المفضلة مع إمكانية الإضافة المباشرة للسلة أو الانتقال لصفحة التفاصيل.

صفحة التواصل تحتوي على بيانات الاتصال وخريطة Google Maps تفاعلية وساعات العمل ونموذج تواصل مباشر.

نظام المصادقة يدعم تسجيل الدخول وإنشاء الحساب مع حماية الصفحات التي تتطلب تسجيل دخول.

التقنيات المستخدمة: React.js، TypeScript، Framer Motion، Tailwind CSS، React Router، Zustand لإدارة الحالة.