Cartopiaa هو تطبيق E-Commerce حديث ومتجاوب تم تطويره باستخدام React وVite، ويهدف إلى محاكاة تجربة متجر إلكتروني حقيقية مع التركيز على الأداء العالي، تجربة المستخدم الاحترافية، وبناء Frontend قابل للتوسع وفقًا لمعايير السوق.
? فكرة المشروع
إبراز القدرة على بناء متجر إلكتروني متكامل من ناحية الواجهة الأمامية، يحاكي تطبيقات التجارة الإلكترونية الحديثة من حيث التفاعل، السرعة، وسلاسة تجربة الشراء.
✅ المميزات الأساسية
كتالوج منتجات مع الفلترة والترتيب
صفحات تفاصيل منتج متكاملة (صور – مواصفات – تقييمات)
سلة مشتريات ديناميكية بحسابات فورية
نظام المفضلة (Favorites)
تدفق Checkout كامل لتأكيد الطلب
Chatbot ذكي للإجابة على الأسئلة باستخدام بيانات JSON
⚡ الأداء وتجربة المستخدم
Lazy Loading وتقسيم الكود لتحسين سرعة التحميل
Skeleton Loaders لتحسين الإحساس بالأداء
أنيميشن احترافية أثناء التمرير باستخدام Framer Motion
تصميم متجاوب يعمل بكفاءة على جميع الشاشات
دعم الوضع الليلي والنهاري
Toast Notifications تفاعلية لعرض الحالات المختلفة
? إدارة الحالة
Context API لإدارة سلة المشتريات والمفضلة
إدارة الثيم (Dark / Light)
نظام إشعارات وتأكيد العمليات (Modals & Toasts)
⚙️ التقنيات المستخدمة
React 19
Vite 7
React Router DOM 7
SCSS
Framer Motion
Swiper.js
Headless UI
React Icons & Font Awesome