React game

[Vadim-Bykov]

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/react/react-game.md
2. Screenshot:

3. Deploy: https://vadim-bykov.github.io/react-game/
4. Done 01.03.2021 / deadline 03.03.2021
5. Video on YouTube: https://youtu.be/1TKXm0xOztk
6. Score: 100 / 100

Basic scope +30 / 30
вёрстка, дизайн, UI. Выполняются требования к оформлению приложения +10
эффекты анимации. Анимация ходов, перемещения фигур, допустимых и недопустимых ходов, начала и окончания игры, победы и поражения и т.д +10
механика игры. Ходы, перемещения фигур, набранные баллы, окончание игры и т.д. подчиняются определённым свойственным игре правилам +10

Advanced scope +50 / 50
звуки и музыка. В игре есть звуки и музыка, и есть настройки звуков и музыки: возможность вкл/откл звуки, вкл/откл музыку, регулировать громкость звуков, регулировать громкость музыки +10
настройки игры. Есть не меньше трёх настроек разных опций игры, например, внешний вид игрового поля и фигур, сложность игры, определение порядка ходов. Речь не про настройки звуков и музыки, которые проверялись и оценивались в предыдущем пункте. Это должны быть настройки разных опций, а не три параметра одной опции, например, размера игрового поля +10
статистика. Пользователь информируется о состоянии игры, ведётся запись ходов, побед и поражений, времени игры, либо отображается другая статистика игры. Есть таблица рекордов, в которой сохраняются результаты предыдущих 10 игр +10
сохранение состояния игры при перезагрузке страницы. Сохраняются все опции игры: ходы, набранные очки, положение фигур и т д. Состояние игры сохраняется без необходимости кликать по кнопке save. Есть кнопка new game для запуска новой игры +10
возможность управления игрой с клавиатуры или не меньше пяти hot keys. Есть список горячих клавиш для управления игрой с клавиатуры +10:

цифры 1-8 основной раскладки клавиатуры - открытие карточек слева направо (корректно с размером поля до 4 пар),
g + h - открытие ссылки GitHub репозитория
r + s - открытие ссылки rs-school
Ctrl + Alt + r - смена фона карточек на красный цвет
Ctrl + Alt + g - смена фона карточек на зеленый цвет
Ctrl + Alt + b - смена фона карточек на синий цвет
Ctrl + Alt + w - смена фона карточек на белый цвет
Ctrl + Alt + > (или " . ") - смена значения прозрачности фона карточек в большую сторону
Ctrl + Alt + < (или " , ") - смена значения прозрачности фона карточек в меньшую сторону

Hacker scope +20 / 20
Aвтопроигрывание игры. Есть кнопка Autoplay запускающая игру в автоматическом режиме. Это может быть отдельная партия игры (крестики-нолики, шашки, шахматы, морской бой, судоку и т.д.). Для бесконечных игр (тетрис, Flappy Bird и т.д), игра зацикливается не раньше чем через 30 ходов. Речь не про автозавершение начатой игры, автопроигрывание игры начинает игру с пустого поля или стандартной раскладки и показывает как эта игра сама играет без пользователя +10
Дополнительная функциональность. Реализована достаточно сложная в реализации дополнительная функциональность, которая улучшает качество игры. В качестве дополнительной функциональности рекомендуется создать и использовать бекенд, например, для хранения счёта игры. Также может быть и другая дополнительная функциональность, например, 3d игра, написана логика для компьютерного противника, есть сетевой режим игры, и т.д +10 (Добавлена форма для авторизации с валидацией полей).

[AmsterGet]

Good work.
But don't forget to remove unused and commented code. Also would be nice to have a linter to provide code style rules.