LaCité – متجر إلكتروني مخصص للأزياء

موقع "LaCité" هو مشروع متجر إلكتروني مخصص قمت بتصميمه وتطويره باستخدام React وFirebase.

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

تم التركيز على تجربة المستخدم UX، مع الاهتمام بالتصميم العصري وإضافة ميزات تشبه المتاجر الحقيقية.

التقنيات المستخدمة:

React.js – بناء واجهة المستخدم

React Router – التنقل بين الصفحات

Firebase Authentication – تسجيل الدخول

Firestore Database – تخزين المنتجات

Cloudinary API – رفع الصور

Firebase Hosting (خلال التطوير)

CSS / Flexbox / Media Queries – تصميم متجاوب

Context API – إدارة حالة المستخدم والسلة

الميزات الأساسية:

صفحة رئيسية جذابة تعرض أبرز الفئات والمنتجات

صفحة تفاصيل المنتج تشمل:

صور متعددة بتأثير Scroll أفقي

اختيار اللون والمقاس

تحديد الكمية

سلة المشتريات مع حساب الإجمالي وإمكانية حذف العناصر

زر "شراء الآن" يرسل الطلب مباشرة إلى WhatsApp

لوحة تحكم Admin محمية ل:

إضافة المنتجات

رفع الصور تلقائيًا إلى Cloudinary

تخزين البيانات في Firestore

فلترة المنتجات حسب النوع (رجالي – نسائي – أطفال)

تصميم متجاوب تمامًا لجميع الشاشات

حماية صفحة الأدمن من الدخول المباشر