https://github.com/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
https://github.com/chernyaevaia/hackathon-memory-game

css-grid css-modules functional-components hooks javascript memory-game react react-portal vercel-deployment vite

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/chernyaevaia/hackathon-memory-game
• Owner: chernyaevaia
• Created: 2023-11-07T13:17:45.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-25T11:53:10.000Z (12 months ago)
• Last Synced: 2024-04-05T21:37:34.778Z (7 months ago)
• Topics: css-grid, css-modules, functional-components, hooks, javascript, memory-game, react, react-portal, vercel-deployment, vite
• Language: JavaScript
• Homepage: https://hackathon-orpin-chi.vercel.app
• Size: 2.7 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

## Команда #43

* Ирина: @iridache 

* Никита: @pedroresheto 

* Михаил: @miketevelev

## Стек проекта

ReactJS, HTML, CSS

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

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


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

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

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

1. вывод поля с рандомно расположенными карточками (каждый раунд - новая позиция карточек);

2. возможность открывать карточки;

3. закрытие непарных карточек, парные - остаются открытыми;

4. возможность начать игру заново;

5. экран поздравления с окончанием игры (появляется когда все карточки открыты);

6. подсчет количества ходов;

  




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

8. игра по таймеру (3 или 5 минут на партию)

9. ограничение количества ходов (отсутствует - 20 - 40)

11. выбор размера поля (есть варианты 4 на 4, 4 на 5 и 6 на 6)

12. при повышении указанного лимита ходов или заданного на таймере времени появляется модальное окно с сообщением об окончании игры



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

Склонировать репозиторий, установить зависимости командой npm install, запустить командой  npm run dev

После проект запустится в браузере на порту 5173 (об этом будет сообщение в командной строке)

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

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