Smart choice

Smart Choice هو موقع ويب تفاعلي يهدف إلى تسهيل عملية التسوق على المستخدمين من خلال مقارنة أسعار المنتجات بين المتاجر المختلفة بطريقة سهلة وسريعة. يوفر الموقع واجهة مستخدم جذابة وسهلة الاستخدام تتيح للمستخدمين تصفح المنتجات حسب الفئة (مثل: الهواتف، اللابتوبات، الأجهزة اللوحية، والتلفزيونات)، بالإضافة إلى إمكانية تصفية النتائج حسب السعر، اللون، السعة التخزينية، وغيرها من الخصائص.

الدور الخاص بي في المشروع:

تطوير الواجهة الأمامية باستخدام React.js وTailwind CSS.

استخدام Redux لإدارة الحالة داخل التطبيق.

ربط الواجهة مع API خارجي لجلب المنتجات باستخدام Axios.

تصميم واجهة المستخدم بمرونة عالية لتكون متجاوبة على جميع الشاشات.

إنشاء صفحة مقارنة تتيح للمستخدم إضافة المنتجات ومقارنتها بسهولة.

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

استخدام مكتبات داعمة مثل React Slick لعرض السلايدر وFormik لنماذج الإدخال.

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

HTML5, CSS3, JavaScript

React.js, Redux, Tailwind CSS

Axios, React Router DOM, React Icons, React Slick, Formik

مميزات المشروع:

تصفح سهل وسريع لعدد كبير من المنتجات.

تصميم جذاب ومتجاوب.

تجربة مستخدم ممتازة مع أداء عالي.

مقارنة بين المنتجات من متاجر مختلفة لمساعدة المستخدم في اتخاذ قرار الشراء الأنسب.