اسم المشروع:
موقع "فريش كارت" للتجارة الإلكترونية – Fresh Cart Ecommerce
نبذة عن المشروع:
منصة تفاعلية وسريعة الاستجابة للتجارة الإلكترونية تم تطويرها باستخدام React.js وTailwind CSS. تتيح للمستخدمين تصفح المنتجات، مشاهدة صفحات تفاصيل كل منتج، إضافة المنتجات إلى سلة المشتريات، ومحاكاة عملية الدفع.
مميزات المنصة:
تصميم متجاوب يعمل بكفاءة على جميع الشاشات
ربط بواجهات RESTful API لجلب البيانات
وجود مؤثرات تحميل (Loading Animations) لتحسين تجربة المستخدم
التنقل بين الصفحات باستخدام React Router
سلايدر لتصنيفات المنتجات بطريقة ديناميكية
تنظيم الكود باستخدام Custom Hooks
أنيميشن أثناء التمرير باستخدام مكتبة AOS
دوري في المشروع:
قمت بتطوير الواجهة الأمامية بالكامل باستخدام React.js وTailwind CSS، مع الاهتمام بتجربة المستخدم من خلال إضافة التأثيرات البصرية والتحميل، وتنظيم الكود باستخدام Hooks. كما قمت بتنفيذ الربط مع الـ API وتطبيق كافة خصائص التنقل بين الصفحات وفلترة وعرض المنتجات.
