Trendify

تطبيق ويب متكامل للتجارة الإلكترونية، صُمم لتقديم تجربة تسوق عصرية وسلسة.

الميزات الرئيسية:

عرض المنتجات والتفاصيل

تم بناؤه بمكونات قابلة لإعادة الاستخدام وتصميم نظيف باستخدام Bootstrap 5.

? عربة التسوق وعملية الدفع

نظام عربة متكامل مع إدارة الكميات وحساب الإجمالي.

تكامل الدفع الإلكتروني

دفع آمن باستخدام Stripe من خلال مكتبات

@stripe/react-stripe-js و @stripe/stripe-js

تسجيل الدخول وتدفق المستخدم

نماذج تسجيل الدخول والتسجيل مدعومة بـ Formik مع التحقق من الصحة والتنبيهات باستخدام react-hot-toast.

الكشف عن حالة الشبكة

دعم للتعامل مع الاتصال والانقطاع عن الإنترنت باستخدام react-detect-offline.

إدارة الحالة (State Management)

تمت معالجتها بسلاسة باستخدام Context API لإدارة بيانات المستخدم والعربة بشكل عالمي.

? سلايدر المنتجات

تم تنفيذه باستخدام react-slick و slick-carousel لتوفير عروض متجاوبة للمنتجات.

تكامل مع API خارجي

جلب البيانات باستخدام Axios مع تنظيم نظيف لملفات الـ API.

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

React 19 | React Router v7 | Context API | Bootstrap 5 | Formik | Axios | Stripe | React Slick | Font Awesome | PostCSS | Autoprefixer