Amazon Clone هو تطبيق تجارة إلكترونية حديث تم تطويره باستخدام Vite، React، TypeScript، وRedux Toolkit، مع TailwindCSS لتصميم سريع ومتجاوب. ساهمت في إعداد المشروع وهيكلته، بالإضافة إلى تحسين الأداء وإدارة الحالة باستخدام Redux Toolkit ودمج DummyJSON API لجلب البيانات والتحويل من JavaScript ال TypeScript لتسهيل الصيانة وتحسين الأمان من خلال التحقق من الأنواع (Types) أثناء التطوير.
المساهمات الرئيسية:
- إعداد المشروع وهيكلته باستخدام Vite لضمان أداء سريع وبيئة تطوير مريحة.
- إدارة الحالة المتقدمة عبر Redux Toolkit، مع تكامل API لجلب المنتجات والبيانات ديناميكيًا.
- تحسين الأداء من خلال Lazy Loading للمكونات غير الضرورية وتقليل وقت تحميل الصفحة.
- تطوير صفحة البحث بتقنية Infinite Scroll لتمكين المستخدمين من تصفح المنتجات بسلاسة.
- بناء صفحة عربة التسوق (Cart Page) وقائمة الرغبات (Wishlist) مع إدارة ديناميكية للمنتجات المضافة، مما يتيح للمستخدمين حفظ العناصر للشراء لاحقًا أو إزالتها بسهولة.
- دمج نظام الإشعارات (Toasts) لتوفير ردود فعل فورية على العمليات مثل إضافة المنتجات وإتمام الطلبات.
- مراجعة أكواد الفريق وتصحيح الأخطاء، مع تحويل المحتوى من ثابت إلى ديناميكي لضمان تجربة أكثر واقعية وتفاعلية.
- مساهمات اخري بسيطة غير مذكورة.
يهدف المشروع إلى تقديم تجربة تسوق متكاملة، حيث يتم التركيز على الأداء العالي، بنية الكود المنظمة، وتحسين تجربة المستخدم.