Teko Games هو موقع ألعاب عربي بسيط وخفيف، يحتوي على مجموعة من الألعاب التفاعلية المصممة بالكامل باستخدام HTML و CSS و JavaScript، بهدف الترفيه وتحسين تجربة المستخدم بطريقة مرنة وسريعة.
️ هيكل الموقع:
الصفحة الرئيسية:
تضم كروت الألعاب (10 ألعاب مختلفة)، كل كرت يحتوي على صورة مع اسم اللعبة، وعند الضغط يتم الانتقال إلى صفحة اللعبة.
صفحة الألعاب:
تم تصميم كل لعبة بواجهة بسيطة وسهلة الاستخدام، مع تنوع في الفكرة والمنطق البرمجي المستخدم، مثل:
لعبة التخمين
لعبة سيمون يقول
لعبة XO
لعبة عداد الأرقام
لعبة سرعة الضغط
(وغيرها…)
صفحة "حول":
تعرض نبذة تعريفية عن فكرة الموقع وهدفه بطريقة جذابة مع حركة كتابة متدرجة (typing effect) لزيادة التفاعل البصري.
صفحة "تواصل معنا":
تحتوي على نموذج اتصال بسيط يسمح للزائر بإرسال رسالة مباشرة على بريدي الشخصي عبر EmailJS بدون الحاجة لخادم خلفي (backend)، بالإضافة إلى عرض معلومات التواصل.
️ التصميم والتجربة:
تم استخدام تصميم متجاوب (Responsive) ليتوافق الموقع مع الهواتف والتابلت والشاشات المختلفة.
تمت إضافة خلفية متحركة تفاعلية بأيقونات الألعاب تظهر وتتحرك بطريقة ديناميكية في كل صفحة.
وضع ليلي / نهاري (Theme Toggle) لتغيير مظهر الموقع حسب تفضيل المستخدم.
الموقع مبني بدون أطر عمل ثقيلة، ويُعتمد فقط على تقنيات الـ Frontend الأساسية.
أهداف المشروع:
استعراض مهاراتي في تصميم وتطوير واجهات المستخدم باستخدام JavaScript Vanilla.
تقديم تجربة مستخدم ممتعة وتفاعلية بدون تعقيدات.
تدريب عملي على دمج أدوات خارجية مثل EmailJS و Netlify.
مميزات إضافية:
تنظيم المشروع باستخدام هيكل واضح (CSS, JS, Games, Assets).
تجهيز نسخة إنتاج (Production Build) باستخدام Gulp لضغط وتجميع الملفات.
إمكانية توسعة المشروع لاحقًا بإضافة ألعاب جديدة بسهولة.