Благотворительный хакатон джунов, 2023
Команда #43
- Ирина: @iridache
- Никита: @pedroresheto
- Михаил: @miketevelev
Стек проекта
ReactJS, HTML, CSS
Описание проекта:
Реализована браузерная игра Memory Game.
Использовали тематические изображения, игра предполагает несколько уровней сложности.
Реализованный функционал:
ВСЕ БАЗОВЫЕ ТРЕБОВАНИЯ, А ИМЕННО:
- вывод поля с рандомно расположенными карточками (каждый раунд - новая позиция карточек);
- возможность открывать карточки;
- закрытие непарных карточек, парные - остаются открытыми;
- возможность начать игру заново;
- экран поздравления с окончанием игры (появляется когда все карточки открыты);
- подсчет количества ходов;
![Снимок экрана 2023-11-25 в 13 59 56](https://private-user-images.githubusercontent.com/89077026/285586773-c51da971-ff80-4170-ac7a-cb5da1c523b6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDM3MjU3NjksIm5iZiI6MTcwMzcyNTQ2OSwicGF0aCI6Ii84OTA3NzAyNi8yODU1ODY3NzMtYzUxZGE5NzEtZmY4MC00MTcwLWFjN2EtY2I1ZGExYzUyM2I2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFJV05KWUFYNENTVkVINTNBJTJGMjAyMzEyMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjMxMjI4VDAxMDQyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU0MTgxM2ZiODZlNGZlM2U5YmJjNGE0ZWY0NDZlZmQ4YmIyYjdiMTUzNDk5OGIwM2RmZGEyM2U1MTYzNDY2YjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xD9vDmw7a1L20vmMtzImtWf-UKZN2MKpjrYGh-EuqKg)
ДОПОЛНИТЕЛЬНЫЙ ФУНКЦИОНАЛ:
- игра по таймеру (3 или 5 минут на партию)
- ограничение количества ходов (отсутствует - 20 - 40)
- выбор размера поля (есть варианты 4 на 4, 4 на 5 и 6 на 6)
- при повышении указанного лимита ходов или заданного на таймере времени появляется модальное окно с сообщением об окончании игры
![Снимок экрана 2023-11-25 в 14 01 35](https://private-user-images.githubusercontent.com/89077026/285586840-541cd9a6-cf79-4cac-9ec0-b664e970766c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDM3MjU3NjksIm5iZiI6MTcwMzcyNTQ2OSwicGF0aCI6Ii84OTA3NzAyNi8yODU1ODY4NDAtNTQxY2Q5YTYtY2Y3OS00Y2FjLTllYzAtYjY2NGU5NzA3NjZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFJV05KWUFYNENTVkVINTNBJTJGMjAyMzEyMjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjMxMjI4VDAxMDQyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJhNmVlYTU4ZGYyMDY0NjA1OTQzZDMxNDllZmIzYmUyZWEwZGYxN2IwYTUxMTM5ZTExMWU0NWQ1YmY0NTg5YmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OkHj6tKfx2SaQ00fVPk3X3n9dluHnhQ5wRgho4X6Be4)
Как развернуть проект:
Склонировать репозиторий, установить зависимости командой npm install, запустить командой npm run dev После проект запустится в браузере на порту 5173 (об этом будет сообщение в командной строке)
Ссылка на деплой:
hhttps://hackathon-orpin-chi.vercel.app/