https://drive.google.com/file/d/1wFhR2veZqvoYx02snK0GHjd9SP9Vg63Y/view

تطبيق ويب يقوم بجمع البيانات (Scraping) من مواقع التجارة الإلكترونية الكبرى مثل Amazon وBestBuy وCostco بالإضافة إلى أكثر من 30 موقعًا آخر، وذلك للحصول على بيانات المنتجات بشكل آلي — مثل السعر، والمواصفات، والصور، والتقييمات، والتوفر.

بعد ذلك يقوم التطبيق بمقارنة المنتجات مع بعضها البعض من مختلف المتاجر، ليُظهر للمستخدم أفضل العروض والخيارات المتاحة.

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

أحد أصعب التحديات التي واجهتها أثناء تطوير المشروع كان تحسين تجربة الـ SEO (تحسين محركات البحث) رغم أن التطبيق مبني بالكامل باستخدام React — أي أنه تطبيق أحادي الصفحة (Single Page Application).

ولحل ذلك، استخدمت طريقة مبتكرة تعتمد على تحديث محتوى الصفحات ديناميكيًا عبر استدعاءات API بحيث يمكن لمحركات البحث قراءة المحتوى الصحيح في كل مرة، مما سمح بتحسين الفهرسة والظهور في نتائج البحث بشكل فعال دون الحاجة لاستخدام أدوات مثل Next.js أو SSR.

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

Express.js: لبناء الخادم (Backend) وإدارة الـ APIs.

React.js: لبناء واجهة المستخدم التفاعلية.

Firebase: لإدارة قاعدة البيانات، والمصادقة، والاستضافة.

OpenAI API: لاستخدام الذكاء الاصطناعي في تحليل أو تلخيص بيانات المنتجات واقتراح بدائل ذكية.

PriceAPI: لجلب أسعار المنتجات من مصادر متعددة وتحديثها بشكل دوري.