https://github.com/vikhri/Charity-Hackaton-2023

https://github.com/vikhri/Charity-Hackaton-2023

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/vikhri/Charity-Hackaton-2023
• Owner: vikhri
• Created: 2023-11-03T09:38:37.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-05-21T15:03:45.000Z (6 months ago)
• Last Synced: 2024-05-22T15:40:15.058Z (6 months ago)
• Language: JavaScript
• Size: 2.11 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Команда №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`