chernyaevaia / hackathon-memory-game

cards memory game for hackathon 2023: choose field size, turns number, set timer and enjoy the game! built with ReactJS, css-modules and html

Благотворительный хакатон джунов, 2023

Команда #43

• Ирина: @iridache
• Никита: @pedroresheto
• Михаил: @miketevelev

Стек проекта

ReactJS, HTML, CSS

Описание проекта:

Реализована браузерная игра Memory Game.

Использовали тематические изображения, игра предполагает несколько уровней сложности.

Реализованный функционал:

ВСЕ БАЗОВЫЕ ТРЕБОВАНИЯ, А ИМЕННО:

1. вывод поля с рандомно расположенными карточками (каждый раунд - новая позиция карточек);
2. возможность открывать карточки;
3. закрытие непарных карточек, парные - остаются открытыми;
4. возможность начать игру заново;
5. экран поздравления с окончанием игры (появляется когда все карточки открыты);
6. подсчет количества ходов;

ДОПОЛНИТЕЛЬНЫЙ ФУНКЦИОНАЛ:

8. игра по таймеру (3 или 5 минут на партию)
9. ограничение количества ходов (отсутствует - 20 - 40)
10. выбор размера поля (есть варианты 4 на 4, 4 на 5 и 6 на 6)
11. при повышении указанного лимита ходов или заданного на таймере времени появляется модальное окно с сообщением об окончании игры

Как развернуть проект:

Склонировать репозиторий, установить зависимости командой npm install, запустить командой npm run dev После проект запустится в браузере на порту 5173 (об этом будет сообщение в командной строке)

Ссылка на деплой:

hhttps://hackathon-orpin-chi.vercel.app/