Maison eCommerce

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

تم تطوير المشروع ليحاكي متجرًا إلكترونيًا متكاملًا، حيث يتيح للمستخدم استعراض المنتجات، والبحث والتصفية، وإدارة عربة التسوق، وقائمة الرغبات، بالإضافة إلى مجموعة من الميزات التفاعلية التي تعزز تجربة الاستخدام.

أبرز المميزات:

• عرض المنتجات والتصنيفات بشكل احترافي.

• البحث والتصفية للوصول إلى المنتجات بسهولة.

• عربة تسوق تفاعلية.

• قائمة رغبات (Wishlist).

• نافذة عرض سريع للمنتجات (Quick View).

• مقارنة المنتجات جنبًا إلى جنب.

• تتبع المنتجات التي تمت مشاهدتها مؤخرًا.

• حفظ سجل البحث السابق.

• إضافة ملاحظات خاصة لكل منتج.

• واجهة متجاوبة تعمل بكفاءة على الهواتف والأجهزة اللوحية وأجهزة الكمبيوتر.

• حالات تحميل، ورسائل أخطاء، وحالات فارغة لتحسين تجربة المستخدم.

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

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

React • Vite • TypeScript • Tailwind CSS • React Router • TanStack Query • Axios • FakeStoreAPI