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+

## التحسينات المستقبلية

إضافات محتملة للمشروع:

* المزيد من الألعاب والأدوات التعليمية.

* لوحات صدارة دائمة للعبة كاسر الشفرة.

* دعم لغات إضافية.

* تبديل المظهر الداكن/الفاتح.

* نسخة تطبيق للهواتف المحمولة.

* ميزات المشاركة الاجتماعية.

ملفات مرفقة

بطاقة العمل

اسم المستقل
عدد الإعجابات
0
عدد المشاهدات
4
تاريخ الإضافة
تاريخ الإنجاز
المهارات