Техническое задание: Лендинг с игрой «3 в ряд»

Основная задача

Необходимо сверстать одностраничный сайт (лендинг) и запрограммировать встроенную в него классическую игру «3 в ряд».

Требования к лендингу

• Чистая, адаптивная верстка (HTML5, CSS3).
• Современный дизайн, ориентированный на удобство пользователя.
• Лендинг должен содержать описание игры и область для её отображения.

Требования к игре «3 в ряд»

Логика и функционал:

• Игровое поле представляет собой сетку из разноцветных элементов.
• Игрок может менять местами два соседних элемента (по горизонтали или вертикали).
• Если после перемещения образуется горизонтальная или вертикальная линия из трех и более одинаковых элементов, они исчезают, а игрок получает очки.
• На место исчезнувших элементов сверху падают новые.
• Игра проверяет поле на новые совпадения после каждого хода.
• Реализация подсчета очков и отображения счета на интерфейсе.

Техническая реализация:

• Чистый JavaScript (без тяжелых фреймворков).
• Код должен быть хорошо структурирован и прокомментирован.
• Игра должна быть интегрирована в лендинг и корректно отображаться.

Результат работы

Предоставляются все исходные файлы (HTML, CSS, JS, изображения) в виде архива. Код должен быть рабочим и не содержать ошибок в консоли браузера.