قمت بتطوير إضافة لمتصفح Google Chrome باسم ShowZone Connect، وهي مستخدمة حاليًا من قبل أكثر من 10,000 مستخدم، وتُعد أداة أساسية لتحسين تجربة اللعب من خلال ربط حساب المستخدم على theshow.com بموقع ShowZone.gg لتحليل البيانات بشكل ذكي وفعّال.
وظيفة الإضافة الأساسية:
- سحب بيانات المستخدم من موقع theshow.com مثل (Inventory, Packs, Orders, Games) باستخدام تقنيتي DOM Scraping وAPI Scraping.
- ترسل البيانات إلى خوادم ShowZone.gg لتحليلها وعرضها في أدوات الموقع.
ميزات الإضافة:
- ربط تلقائي مع حساب ShowZone.gg وتسجيل الدخول تلقائيًا باستخدام الجلسة النشطة من الموقع ولا حاجة لتكرار التسجيل من الإضافة.
- التحقق من الاشتراك النشط قبل السماح باستخدام الإضافة.
- سحب دوري تلقائي للبيانات لمشتركي باقة Diamond دون تدخل يدوي.
- حفظ إعدادات وتفضيلات المستخدم محليًا باستخدام LocalStorage.
- التحكم بالبيانات التي يتم سحبها وفقا للإعدادات القادمة من showzone.gg.
التقنيات المستخدمة:
- Vue.js لبناء واجهة Popup الخاصة بالإضافة.
- JavaScript (Vanilla JS) لتنفيذ عمليات الـ Scraping والتعامل مع البيانات وإرسالها من الإضافة إلى سيرفرات ShowZone.
- Webpack لتجميع الكود.
- Firebase للتحقق من حالة الاشتراك.
- Chrome External Messaging API لربط الموقع بالإضافة.
- LocalStorage لتخزين تفضيلات المستخدم.
- Chrome Extension APIs للتفاعل مع التبويبات والصفحات.
