لعبة خمن الكلمة / guess the word game

لعبة خمن الكلمة

لعبة تفاعلية ومتجاوبة لتخمين الكلمات، حيث يمتلك اللاعبون ست محاولات لتخمين كلمة سرية مكونة من 6 أحرف.

الوصف

"خمن الكلمة" هي لعبة ممتعة وتفاعلية يقوم فيها اللاعبون بمحاولة اكتشاف كلمة مخفية مكونة من 6 أحرف خلال 6 محاولات فقط. في كل محاولة، يُدخل اللاعب الحروف في خانات الإدخال، وبعد إرسال التخمين، تعرض اللعبة ملاحظات مرئية عن طريق تلوين كل حرف. يمكن للاعبين استخدام تلميحين لكشف أحرف عشوائية، وتستمر اللعبة في تتبع التقدم حتى يتم تخمين الكلمة بشكل صحيح أو انتهاء جميع المحاولات. تدعم اللعبة التنقل باستخدام لوحة المفاتيح (مفاتيح الأسهم) وتعرض تنبيهات ديناميكية للفوز أو الخسارة.

أهم المميزات:

تصميم متجاوب: تخطيط يتكيف مع شاشات الكمبيوتر، التابلت، والجوال.

أسلوب لعب تفاعلي: 6 محاولات لتخمين كلمة سرية مع ملاحظات بصرية فورية.

تنبيهات مخصصة: نوافذ منبثقة من SweetAlert2 لعرض إشعارات الفوز أو الخسارة.

نظام التلميحات: عدد محدود من التلميحات لكشف حرف عشوائي.

حركات سلسة: باستخدام AOS للحصول على تأثيرات Fade وZoom جذابة.

عناصر واجهة بتصميم متدرج: تصميم أنيق مع حدود متدرجة وخلفيات متوهجة.

️ التقنيات المستخدمة

HTML5

SCSS/CSS3

JavaScript

SweetAlert2

AOS

-----------------------------------

Guess The Word Game

A responsive, interactive word guessing game where players have six attempts to guess a secret 6-letter word.

Description

"Guess the Word" is a fun, interactive word-guessing game where players have 6 attempts to uncover a hidden 6-letter word. On each try, players enter letters into input boxes, and after submitting their guess, the game provides feedback by coloring each letter. Players can use 2 hints to reveal random letters, and the game tracks progress until they either guess the word correctly or exhaust all attempts. With keyboard navigation (arrow keys) and dynamic alerts for wins/losses.

Key Features:

Responsive Design: Adaptable layout for desktop, tablet, and mobile screens.

Interactive Gameplay: 6 tries to guess a secret 6-letter word with instant visual feedback.

Custom Alerts: SweetAlert2 modals for win/lose notifications.

Hint System: Limited hints available to help reveal a random letter.

Smooth Animations: Leveraging AOS for engaging fade and zoom animations.

Gradient UI Elements: Stylish design elements featuring gradient borders and glowing backgrounds.

️ Tech Stack

HTML5

SCSS/CSS3

JavaScript

SweetAlert2

AOS