متجر إلكتروني احترافي متكامل React + Tailwind

هذا مشروع متجر إلكتروني متكامل تم تصميمه وتنفيذه باستخدام React وTailwindCSS، مع تطبيق أفضل الممارسات في إدارة الحالة، الأداء، وتجربة المستخدم.

ميزات المشروع:

تجربة مستخدم سلسة: صفحات سريعة الاستجابة (Responsive) على جميع الأجهزة.

إدارة الحالة الاحترافية: استخدام useState وuseEffect وReact Context لتسهيل إدارة البيانات والتفاعلات.

تفاعل مع الخادم: دمج axios للتعامل مع API واسترجاع البيانات بشكل ديناميكي.

تحسين الأداء: تطبيق تقنيات مثل React Query للتخزين المؤقت وتحسين سرعة التحميل.

تنبيهات وأخطاء محسوبة: استخدام React Toastify وSweetAlert2 لعرض رسائل تفاعلية للمستخدم.

تصميم متجاوب وجذاب: استخدام Tailwind لتصميم أنيق وحديث مع خط Poppins.

مكتبات مساعدة: استخدام Swiper لعرض المنتجات بشكل متحرك، وReact Image Gallery لعرض الصور بطريقة احترافية.

الأدوات والمهارات المستخدمة:

React, TailwindCSS, React Router, React Query, Axios, Formik, Yup, React Toastify, SweetAlert2, Swiper, React Image Gallery, Netlify deployment, GitHub.

المشروع يوضح قدرتي على إنشاء متاجر إلكترونية احترافية قابلة للتطوير، سريعة، وجاهزة للتسليم للعميل، مع التركيز على تجربة مستخدم ممتازة وتنفيذ clean code قابل للصيانة.