تطوير متجر إلكتروني احترافي للأحذية باستخدام React مع لوحة تحكم وإدارة منتجات

قمت بتصميم وتطوير متجر إلكتروني متكامل لبيع الأحذية الرياضية تحت اسم 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 متكاملة ببنية نظيفة وقابلة للتوسع مع تجربة مستخدم احترافية.