مشروع CakeSite هو عبارة عن منصة تجارة إلكترونية متكاملة (E-commerce) مخصصة لطلب الحلويات والكيك عبر الإنترنت. تم التركيز في هذا المشروع على تقديم واجهة مستخدم (UI) جذابة "Cute" تتناسب مع طبيعة المنتج، مع تجربة مستخدم (UX) سلسة تضمن سهولة التصفح والطلب.
المميزات التقنية للعمل:
نظام تنقل ذكي: استخدام React Router لبناء تطبيق صفحة واحدة (SPA) سريع التنقل بين الأقسام (Home, Cakes, Cart, Contact Us).
تصميم متجاوب (Responsive Design): تم بناء الموقع باستخدام تقنيات Tailwind CSS ليظهر بشكل مثالي على جميع الأجهزة (موبايل، تابلت، كمبيوتر) مع قائمة جانبية
إدارة السلة والمفضلة: برمجة نظام لإضافة المنتجات إلى سلة المشتريات وقائمة المفضلة باستخدام React Hooks و Context API.
واجهات تفاعلية: إضافة تأثيرات حركية (Hover Effects) وأيقونات تفاعلية باستخدام مكتبة Lucide-React.
نموذج طلب متكامل: صفحة سلة مشتريات تحتوي على قسم لبيانات العميل (الاسم، الهاتف، العنوان) لجمع معلومات التوصيل.
طريقة التنفيذ:
تم البدء بتحليل تجربة المستخدم ورسم الهيكل العام، ثم مرحلة التكويد باستخدام React.js وتقسيم الموقع إلى مكونات (Components) قابلة لإعادة الاستخدام لضمان كفاءة الكود وسهولة تطويره.