تخطي إلى المحتوى
#مشروعمميّزتطبيقات الويب

TypeEBx - لعبة قياس واختبار سرعة الكتابة

لعبة متصفح تفاعلية ومصممة بـ JavaScript بدون أطر عمل، تتضمن 3 أوضاع لعب، مضاعفات Combo، قياس WPM فوري، ونظام صحة ديناميكي.

  • JavaScript (ES6+ Modules)
  • HTML5
  • CSS3
  • Parcel
  • REST APIs
  • LocalStorage API
TypeEBx - لعبة قياس واختبار سرعة الكتابة

عن_المشروع

هي لعبة كتابة وتحدي طباعة رقمية تعتمد على البرمجة الصريحة بلغة JavaScript النظيفة (Vanilla JS)، مصممة لرفع سرعة الطباعة وتحسين الدقة (WPM & Accuracy) بأسلوب تفاعلي. يركز المشروع على تقديم تجربة ألعاب غنية ومتقدمة دون الاعتماد على أي أطر عمل ثقيلة مثل React أو Vue، معتمدة على ES6 Modules وإدارة الحالة المركزية.


الميكانيكيات والمزايا التقنية المنجزة

1. أنماط اللعب المتنوعة (Game Modes)

  • وضع المقالات (Essay Mode): كتابة فقرات متكاملة مع مطابقة دقيقة للحروف والحالة (Case-sensitive) وتحديد الأخطاء في الوقت الفعلي.

  • وضع الكلمات (Word Mode): التدريب على أشهر 1,000 كلمة إنجليزية بحد أقصى 30 كلمة لكل جلسة.

  • وضع البقاء (Survival Mode): نمط لا نهائي يتناقص فيه شريط الصحة أوتوماتيكياً (استنزاف 2 نقطة/ثانية كحد أساسي) مع مكافآت عند الكتابة الصحيحة.

2. مستويات الصعوبة ونظام النقاط (Scoring & Dynamics)

  • 3 مستويات صعوبة (Easy / Medium / Hard): تدرّج في أطوال الكلمات، العقوبات، وتناقص الصحة (تصل العقوبة في المستوى الصعب إلى -15 نقطة صحة للخطأ).

  • نظام المضاعفات (Combo System): حصر مخصص لوضع Survival يمنح مضاعفات نقاط وتغذية للشريط الصحي تصل إلى 20x عند السلسلة المتواصلة من الإجابات الصحيحة.

  • قياس الأداء الفوري: احتساب معدل الكلمات في الدقيقة (WPM) ونسبة الدقة بشكل حي أثناء الجلسة.

3. المعمارية الفنية والواجهة (Architecture & UX)

  • بناء بدون أطر عمل (Pure Vanilla JS): تنظيم الكود عبر ES6 Modules وتجميع التطبيق بوساطة حزمة Parcel Bundler لخفة الوزن وتدفق البيانات بدون تعقيد.

  • التكامل مع الواجهات البرمجية (APIs): جلب ديناميكي للنصوص والكلمات عبر Bacon Ipsum API و Random Words API مع حلول بديلة (Fallbacks) عند انقطاع الشبكة.

  • إدارة البيانات والمظهر: حفظ لوحة الصدارة والتفضيلات محلياً بـ LocalStorage API، مع دعم مظهر مضيء/داكن تلقائي يتكيف مع تفضيلات النظام وإتاحة اختصارات اللوحة (Ctrl/Cmd + K).

التفاصيل

دوري في المشروع
مطورة واجهة أماميّة
نوع المشروع
مشروع شخصي
مدة المشروع
أسبوع
التقنيات
JavaScript (ES6+ Modules)HTML5CSS3ParcelREST APIsLocalStorage API

اضغط على أي صورة لعرضها بالحجم الكامل

مشاركة_المشروع