اسم المشروع: Buy Online – واجهة متجر إلكتروني متكاملة
الوصف:
مشروع واجهة أمامية (Frontend Only) لمتجر إلكتروني احترافي تم تطويره باستخدام React.js وTailwind CSS. يقدّم تجربة مستخدم مريحة وسريعة التصفح، مع تصميم عصري متجاوب يناسب جميع الشاشات.
الوظائف الأساسية:
صفحة رئيسية جذابة تحتوي على بانر ترويجي متحرك.
تصنيف المنتجات حسب الفئات (رجالي، نسائي، إلكترونيات، عطور...).
خاصية "إضافة إلى السلة" تعمل باستخدام Redux لإدارة الحالة.
صفحة سلة التسوّق تعرض المنتجات، الكميات، وإجمالي السعر مع إمكانية التعديل.
صفحة تفاصيل المنتج (Product Page) مع تقييمات وأسعار وصورة.
شريط بحث لتسهيل الوصول إلى المنتجات.
تصميم متجاوب (Responsive Design) على الموبايل والتابلت والديسكتوب.
التقنيات المستخدمة:
React.js
Redux Toolkit
Tailwind CSS
React Router
Framer Motion (للحركات والأنيميشن)
Vite (لتسريع عملية التطوير)
الهدف من المشروع:
بناء واجهة متجر إلكتروني قابلة للتكامل لاحقًا مع backend لتقديم تجربة تسوق إلكتروني احترافية.