E-Commerce

وصف احترافي لمشروع E-commerce باستخدام React:

E-commerce Web Application – Built with React.js

هذا المشروع هو تطبيق تجارة إلكترونية بسيط تم تطويره باستخدام React.js مع الاعتماد على تقنيات حديثة مثل React Hooks و Context API لإدارة الحالة.

صفحات المشروع:

Login / Sign Up: نماذج تسجيل دخول وتسجيل حساب جديد مع التحقق من الحقول.

Home: عرض المنتجات بشكل جذاب باستخدام بطاقات منتجات (Product Cards).

About: صفحة تعريفية عن الموقع أو الخدمة.

Product Details: عرض تفاصيل المنتج بناءً على الـ ID باستخدام useParams.

Cart: سلة التسوق مع إمكانية إضافة / حذف المنتجات.

Logout: تسجيل الخروج وتنظيف البيانات.

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

React.js لبناء الواجهة الأمامية

React Router DOM لإدارة الصفحات والتنقل بينها

React Hooks:

useState لإدارة الحالة داخل المكونات

useEffect لجلب البيانات (مثل المنتجات)

useContext لمشاركة حالة المستخدم وسلة التسوق

useNavigate و useParams لإدارة التوجيه الديناميكي

Context API لإدارة حالة المصادقة (Authentication) وسلة الشراء بشكل مركزي

CSS / Bootstrap لتنسيق الواجهة وجعلها متجاوبة

الميزات:

واجهة متجاوبة تعمل على مختلف الأجهزة

تجربة مستخدم سلسة مع إدارة حالة فعالة

فصل واضح بين المنطق (logic) والعرض (UI)