Get It Easily : مجموعة من التجارب والألعاب التفاعلية على الويب المصممة للتثقيف والترفيه.
تفاصيل العمل
# Get It Easily
مجموعة من التجارب والألعاب التفاعلية على الويب المصممة للتثقيف والترفيه. يستعرض هذا المشروع مختلف تقنيات ومفاهيم الويب من خلال تطبيقات جذابة وسهلة الاستخدام.
## عن المشروع
"Get It Easily" هي منصة قائمة على الويب تجمع بين الأدوات التعليمية والألعاب التفاعلية. توفر واجهة حديثة ونظيفة مع دعم للغات المتعددة (الإنجليزية والعربية) وتصميم متجاوب لجميع الأجهزة.
## الميزات
### ? الأدوات التعليمية
#### **أشكال الوجه (Face Shapes)**
استكشاف تعليمي لمختلف أشكال الوجوه البشرية. تعرف على الهندسة والخصائص المختلفة للوجه من خلال أدلة مفصلة وتمثيلات بصرية.
#### **رحلة الحياة (Life Journey)**
أداة بسيطة لتصور "الحياة بالأسابيع" تساعدك على:
* إدخال تاريخ ميلادك لرؤية تمثيل رسومي لحياتك بالأسابيع.
* وضع أهداف مستقبلية وتصور الوقت المتبقي.
* فهم مرور الوقت بتنسيق بصري فريد.
### ? الألعاب
#### **مخترق الشفرة (Code Cracker)**
لعبة ألغاز منطقية مستوحاة من اللعبة الكلاسيكية Mastermind. اختبر مهاراتك في الاستنتاج من خلال تخمين الرمز السري خلال عدد محدود من المحاولات.
**الميزات:**
* **مستويان من الصعوبة:**
* **الوضع العادي:** رمز مكون من 4 أرقام، 10 محاولات، الأرقام من 1-6 (بدون تكرار).
* **الوضع الصعب:** رمز مكون من 5 أرقام، 12 محاولة، الأرقام من 1-8 (قد يحتوي على تكرار).
* **نظام الملاحظات:**
* ? **دائرة خضراء** - رقم صحيح في المكان الصحيح.
* ⚪ **دائرة بيضاء** - رقم صحيح في مكان خاطئ.
* ⚫ **دائرة سوداء** - الرقم غير موجود في الرمز السري.
* **دليل تفاعلي لكيفية اللعب** مع تعليمات واضحة.
## كيف يعمل المشروع
### الحزمة التقنية
* **HTML5** - هيكل الترميز الدلالي.
* **CSS3** - تنسيق حديث مع تدرجات لونية، رسوم متحركة، وتخطيطات متجاوبة.
* **Vanilla JavaScript** - الوظائف التفاعلية ومنطق الألعاب.
### الميزات الرئيسية
* **تصميم متجاوب** - يعمل بسلاسة على أجهزة الكمبيوتر المكتبية، والأجهزة اللوحية، والهواتف المحمولة.
* **دعم ثنائي اللغة** - دعم كامل للغتين الإنجليزية والعربية مع دعم تخطيط اليمين إلى اليسار (RTL).
* **إمكانية الوصول** - روابط تخطي وHTML دلالي لتحسين إمكانية الوصول.
* **واجهة مستخدم تفاعلية** - تنقل سلس مع نظام قائمة قابلة للطي.
## البدء بالعمل
### المتطلبات الأساسية
* متصفح ويب حديث (Chrome, Firefox, Safari, Edge).
* لا يتطلب أي تبعيات أو عمليات تثبيت إضافية.
### اختيار اللغة
* انقر على زر تبديل اللغة (عربية/English) للتحويل بين العربية والإنجليزية.
* يتم حفظ تفضيلاتك في ذاكرة التخزين الخاصة بالمتصفح للزيارات المستقبلية.
## التنقل
* **الصفحة الرئيسية** - نظرة عامة على جميع الأقسام المتاحة.
* **أشكال الوجه** - دليل تعليمي حول هندسة الوجه.
* **رحلة الحياة** - أداة تفاعلية لتصور الوقت.
* **كاسر الشفرة** - لعبة ألغاز منطقية بمستويات صعوبة متعددة.
## توافق المتصفحات
* Chrome 90+
* Firefox 88+
* Safari 14+
* Edge 90+
## التحسينات المستقبلية
إضافات محتملة للمشروع:
* المزيد من الألعاب والأدوات التعليمية.
* لوحات صدارة دائمة للعبة كاسر الشفرة.
* دعم لغات إضافية.
* تبديل المظهر الداكن/الفاتح.
* نسخة تطبيق للهواتف المحمولة.
* ميزات المشاركة الاجتماعية.