Команда №20 Хакатона

https://vikhri.github.io/Charity-Hackaton-2023/#leaderboard

Состав:

• Кирилл https://t.me/KirillTheStranger
• Игорь https://t.me/ishipilov
• Ира https://t.me/irina_vikhrova
• Генрих https://t.me/gendzmin

Проект "Всё сложится":

Фичи:

Базовые:

• Вывод поля с пятнашками и правилами игры.
• Стандартное поле - 4х4, в нем иллюстрация, разделенная на 15 частей, и пустое окошко.

Игровое поле 4х4, описание игры и опции выводим сразу на стартовом экране (https://skrinshoter.ru/sMl2H5EMaZ1).

Игра начинается при клике на кнопку "Старт". (https://skr.sh/sMlQlpGdsp6)

• На каждую новую партию должно быть новое распределение кусочков;
• Возможность начать игру заново;

Новую партию, можно начать по клику на кнопку "Заново".

На каждую новую партию генерится новое расположение картинок. Запутывание картинок происходит не рандомно, а с помощью рандомного количества обратных ходов из выигрышного положения. Так сделано, чтобы задачу точно можно было решить.

При окончании игры, пропадает возможность двигать блоки, пока не нажмешь кнопку "Заново".

• Удобно подсвеченная навигация, которая показывает, какой из элементов будет перемещен.

При наведении на квадраты можно увидеть, что выбранный квадрат затемнен (https://skrinshoter.ru/sMlV9GZJWlG). Так как выбор направления движения уже сильно ограничен, других подсказок по навигации не делаем.

• Экран поздравления с окончанием игры.

При удачном прохождении игры, выплывает окошко с позравлением. (https://skr.sh/sMludc9l2WU)

В окне можно ввести имя пользователя, чтобы записать себя в лидер борд. При клике на "ОК", отправляем Имя, Время в облачную БД firebase. При клике на "Отмена" ничего не происходит, окошко просто закрывается.

Дополнительные:

• Адаптив

Вёрстка адаптивная и корректно отображается на разных размерах экрана. (https://skrinshoter.ru/sMlzzhgOLRi)

• Возможность изменения размера поля

Можно выбрать из значений 3х3, 4х4 и 5х5. (https://ru.paste.pics/PUX9P) Чтобы начать игру с выбранным полем, нужно нажать "Старт", либо нажать "Заново" после того, как выбрали размер поля.

• Возможность отменить ход

Ходы откручиваются назад при клике на кнопку "Отменить ход".

• Возможность игры стрелками.

Можно играть в игру, используя стрелки клавиатуры.

• Лидерборд (отключен)

При клике на "Показать список лидеров" раскрывается список участников. Список участников мы храним в облачной БД. Делаем запрос и рендерим таблицу. (https://skrinshoter.ru/sMl5ckNuUAm)

Чтобы развернуть проект локально, выполните команду: npm run dev