قمت بتصميم وتطوير متجر إلكتروني متكامل لبيع الأحذية الرياضية تحت اسم HypeZone باستخدام React.js و Tailwind مع تنظيم احترافي لهيكلة المشروع.
الموقع يحتوي على:
صفحة رئيسية تحتوي على Hero Section و Best Sellers
صفحة عرض جميع المنتجات مع نظام فلترة
صفحة تفاصيل المنتج
نظام سلة مشتريات (Cart)
صفحة Checkout
نظام تسجيل دخول
صفحة نجاح الطلب
لوحة تحكم Admin لإضافة منتجات جديدة
استخدام Context API لإدارة حالة التطبيق
تخزين البيانات محليًا باستخدام LocalStorage
تصميم عصري ومتجاوب لجميع الشاشات (Responsive Design)
مكونات قابلة لإعادة الاستخدام (Reusable Components)
تصميم الموقع ب 2 مود (Dark -Light)
تم تنظيم المشروع بطريقة احترافية مع فصل:
Components
Pages
Context
Mock Data
UI Components
التقنيات المستخدمة
React.js
Tailwind
Vite
Context API
JavaScript (ES6)
CSS3
Responsive Design
LocalStorage
Component-Based Architecture
المميزات التقنية
إدارة الحالة باستخدام Context
بنية ملفات منظمة وقابلة للتطوير
Reusable UI Components (Button, Input, ProductCard)
نظام تقييم وعرض أسعار مخفضة
إضافة وحذف المنتجات من السلة
حفظ السلة حتى بعد إعادة تحميل الصفحة
تصميم عصري مطابق لأحدث اتجاهات المتاجر
هذا المشروع يعكس قدرتي على بناء تطبيقات Frontend متكاملة ببنية نظيفة وقابلة للتوسع مع تجربة مستخدم احترافية.
