Игра "Виселица"

Угадывайте слово и вырывайтесь в лидеры! Классическая игра в новой обёртке для любителей киноискусства.

Ссылка на проект: https://elaineir.github.io/hangman-game/

В проекте реализовано:

• вёрстка HTML5 и CSS3;
• адаптивность под различные экраны с применением медиа-запросов;
• использование css-переменных;
• наименование стилей и файловая структура по методологии Nested БЭМ;
• функцинальность игры "Виселица" на нативном JavaScript;
• реализованы анимации рисования виселицы, открытия попапов, спецэффекты.

Функционал и описание меню:

1. Начальное меню
   • Возможность ввести имя игрока
   • После ввода имени становится активна кнопка "Играть".
2. Игровая область
   • После нажатия на кнопку "Играть" показывается блок с выбором режимов: "ТОП 100", "Все фильмы" и "Все фильмы на время"
   • В режиме "На время" включается таймер на 2 минуты. Игра заканчивается, если исчерпаны все попытки, либо закончится отсчёт таймера.
   • Подгрузка слов с Кинопоиска через API.
   • Подсказка - показывает попап с подсказкой (год выхода фильма, страна, жанр).
   • На виртуальной клавиатуре можно кликнуть на букву, либо нажать на физической клавиатуре эту букву.
   • Исчерпаны попытки - открывается попап "Вы проиграли".
   • Игрок угадал слово - открывается попап "Победа!".
3. Как играть
   • Содержит правила игры.
4. Лучшие результаты
   • Выводится страничка с результатами в колонку "Игрок - Очки" в порядке убывания очков.
   • Если никто не вводил имя, то написано: "Будьте первым!".
   • При переполнении появляется вертикальный скролл, можно пролистать вниз.

Установка не требуется, игра работает в последних версиях Chrome, Mozilla (IE не поддерживается).