CS:GO Market Manager

CS:GO Market Manager

أداة إدارة أسعار سوق CS:GO

القصة عن المشروع

CS:GO Market Manager هو تطبيق ويب مكتوب بلغة JavaScript بالكامل يهدف إلى مساعدة المتاجر والبائعين على منصة سوق CS:GO (market.csgo.com) في إدارة أسعار الأغراض المعروضة للبيع بشكل ذكي وآلي.

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

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

• جلب سعر الأغضاع المعروضة من حساب الباعي

• جلب أسعار السوق العامة (Market Prices) لمقارنة الأسعار

• خصوص تلقائي للأغضاع التي تعلن أن سعرها أغلى من الأقل في السوق

• حفاظ على سعر أدنى (Min Price Protection) لمنع البيع بخسارة

• دعم جمعي بلأداة الأغضاع تعمل على تخفيض الأسعار جميعاً

• إمكانية حذف العناصر لكل عملية (Activity Log)

• برنامج مبني ومتقدم (Modern Dark UI) بتأتير متكامل

• دعم بحث وفرز مرتب (Search & Sort) للأغضاع

• دعم إزالة مناسبة مع بنواط التواصل الفورية (Toast Notifications)

• معالجة حالة الحساب من المنصة

 

الفنيات البرمجية (Tech Stack)

تم بناء المشروع بأكمله باستخدام تقنيات الويب الأساسية (Vanilla JavaScript) بدون استخدام أي أطر عمل (Frameworks) مثل React أو Vue، مما يجعل المشروع خفيف الوزن وسريع التنفيذ وسهل الصيانة.

التقنية التفاصيل

Frontend HTML5, CSS3, Vanilla JavaScript (ES6+)

Backend / Server Node.js مع وحدة http المدمجة (بدون Express)

API market.csgo.com API v2

Proxy Server خادم وسيط (Proxy) محلي لتجاوز مشاكل CORS وتقديم الملفات الثابتة

localStorage تخزين إعدادات الحد الأدنى للأسعار محلياً في المتصفح

Fonts Google Fonts: Inter (واجهة المستخدم) + JetBrains Mono (الأسعار)

التصميم تصميم متجاوب (Responsive) مع تأثيرات بصرية حديثة (Glassmorphism, Glow Effects, Animations)

العملة USD (الدولار الأمريكي)

هيكلة المشروع

يتكون المشروع من 5 ملفات رئيسية:

1. index.html - الصفحة الرئيسية تحتوي على هيكل الواجهة بالكامل (Header, Stats, Toolbar, Items Grid, Log Panel, Modals)

2. styles.css - ملف الأنماط (1236 سطر) يحتوي على نظام تصميم كامل مع متغيرات CSS وتأثيرات بصرية وتصميم متجاوب

3. app.js - منطق التطبيق (764 سطر) يحتوي على إدارة الحالة, استدعاءات API, عرض العناصر, والإجراءات

4. server.js - خادم الوكيل (126 سطر) يعمل على المنفذ 3000 ويقوم بتمرير الطلبات إلى market.csgo.com API مع دعم CORS

5. market.png - أيقونة أو صورة المشروع

كيف تعمل التطبيق

آلية عمل التطبيق بالخطوات التالية:

6. يقوم التطبيق بجلب جميع الأغراض المعروضة للبيع من حساب البائع عبر API

7. يجلب في نفس الوقت أسعار السوق الحالية (أقل سعر لكل غرض) من ملف JSON العام

8. يقارن سعر البائع بأقل سعر في السوق لكل غرض

9. يعرض حالة كل غرض: "الأقل" (السعر الأدنى في السوق) أو "مرتفع" (السعر أعلى من السوق)

10. يقوم البائع بالضغط على زر "تخفيض السعر" ليتم ضبط سعره بقيمة أقل بـ $0.01 من أرخص سعر في السوق

11. إذا كان السعر المخفيض أقل من الحد الأدنى المحدد، يُزال الغرض من البيع تلقائياً لمنع الخسارة

 

تضمين API

يستخدم التطبيق واجهة برمجة تطبيقات (API) الخاصة بمنصة market.csgo.com عبر نقاط النهاية التالية:

نقطة النهاية الوظيفة

/api/v2/items جلب الأغراض المعروضة للبيع

/api/v2/get-money جلب رصيد الحساب

/api/v2/set-price ضبط سعر غرض معين

/api/v2/prices/USD.json جلب أسعار السوق العامة لكل الأغراض بالدولار الأمريكي

الجهة الستهدافة

هذا الأداة موجهة لـ:

• بائعي الأغراض (Sellers) على منصة سوق CS:GO الذين يمتلكون العديد من الأغراض المعروضة للبيع

• تجار الأغراض (Traders) الذين يحتاجون إلى مراقبة الأسعار وتحديثها باستمرار

• الأشخاص الذين يبحثون عن أداة لتقليل أسعار أغراضهم بشكل تلقائي وذكي للمنافسة في السوق