fresh-cart

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

المميزات التقنية:

تم بناء واجهة المستخدم بالكامل باستخدام JSX وTailwind CSS لتصميم عصري ومتجاوب.

الاعتماد على Axios وReact Query لجلب البيانات من API وإدارتها بكفاءة مع دعم التحميل المؤقت (caching) وتحسين الأداء.

إدارة الحالة العامة للتطبيق باستخدام useContext لتبسيط التواصل بين المكونات.

التصميم متجاوب 100% على جميع الأجهزة: موبايل، تابلت، وديسكتوب.

تنقل ديناميكي وسلس بين الصفحات باستخدام React Router.

الوظائف داخل الموقع:

عرض جميع المنتجات.

تصفية المنتجات حسب الأقسام.

صفحة تفاصيل المنتج.

نظام إضافة المنتج إلى العربة (Cart).

واجهة تسجيل الدخول (Login).

تجربة مستخدم متكاملة وسلسة.

أدوات وتقنيات مستخدمة:

React.js – Tailwind CSS – Axios – React Query – React Router – useContext