E-commerce Web App بـ React – Search/Filters + Protected Routes + API Integration

فكرة المشروع:

تطوير تطبيق E-commerce كامل كـ Frontend باستخدام React، يوفّر تجربة تسوق متكاملة (تصفّح منتجات، بحث وفلترة، سلة مشتريات، قائمة مفضلة، وإتمام الطلب). المشروع تم تنفيذه كمشروع شخصي للتطبيق العملي على بناء متجر وربطه بـ REST API جاهزة.

أهم المميزات:

✅ تسجيل حساب / تسجيل دخول (Authentication)

✅ عرض المنتجات + صفحة تفاصيل المنتج

✅ بحث + فلترة + (Pagination إن موجودة عندك)

✅ سلة مشتريات (Cart) + تعديل الكميات

✅ Checkout / إتمام الطلب

✅ Wishlist (المفضلة)

✅ Protected Routes لحماية الصفحات التي تتطلب تسجيل دخول

✅ Form Validation + Toast Notifications لتحسين تجربة المستخدم

✅ تصميم متجاوب بالكامل (Responsive)

تم بناء المشروع بمكونات قابلة لإعادة الاستخدام (Reusable Components) وتنظيم واضح للـ structure لتسهيل التطوير والصيانة.

التكامل مع الـ API:

ربط كامل مع API جاهزة (Route) للتعامل مع البيانات والعمليات الأساسية (Products / Auth / Cart / Wishlist… حسب الـ Endpoints).

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

React / Tailwind CSS / REST API / Git / Responsive Design

روابط:

Live Demo: https://fresh-cart-shop.v...

ملاحظة: المشروع شخصي بهدف التدريب وبناء متجر متكامل الواجهة مع تكامل API.