E-commerce

أعرض لك تطوير متجر إلكتروني متكامل (E-Commerce App) مبني بأحدث تقنيات الـ Frontend مع تصميم عصري وتجربة مستخدم سلسة.

المميزات الأساسية:

تسجيل الدخول والمصادقة (Login & Auth): نظام آمن لحماية بيانات المستخدمين مع صفحات محمية (Protected Routes).

النماذج التفاعلية (Formik + Yup): نماذج تسجيل/دخول و Checkout باحترافية مع التحقق من البيانات وعرض الأخطاء بشكل أنيق.

سلة المشتريات (Cart): إضافة/حذف المنتجات، تعديل الكمية، حساب الإجمالي بشكل مباشر.

قائمة الرغبات (Wishlist): حفظ المنتجات المفضلة مع إمكانية الرجوع لها بسهولة.

تفاصيل المنتج (Product Details): صفحة احترافية تعرض الصور، المواصفات، السعر، التقييمات، وأزرار الإضافة للسلة أو للرغبات.

نموذج تواصل عبر EmailJS: يرسل رسائل مباشرة إلى البريد الإلكتروني بدون الحاجة لـ backend معقد.

تصميم متجاوب (Responsive Design): يعمل بكفاءة على الموبايل، التابلت، والـ Desktop باستخدام Tailwind CSS.

صفحة مخصصة للأخطاء (404 Not Found): بتصميم أنيق يساعد المستخدم على العودة للصفحات المهمة.

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

React + React Router لإدارة الصفحات والتنقل.

Tailwind CSS لتصميم احترافي وسريع الاستجابة.

Formik + Yup للنماذج المتقدمة والتحقق من البيانات.

EmailJS للتواصل المباشر عبر البريد.

Context API أو Redux لإدارة الحالة (Cart & Auth).

لماذا هذا المشروع مميز؟

تصميم عصري واحترافي يرفع من قيمة المتجر.

تجربة مستخدم سهلة وواضحة تقلل من نسبة التخلي عن السلة.

نظام مصادقة آمن وصفحات محمية لحماية بيانات العملاء.

كود منظم وقابل للتطوير أو الربط مستقبلاً مع أي Backend أو API.