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)
مهارات العمل
بطاقة العمل
طلب عمل مماثل