Classic Mine Sweeper Game

created using Typescript and MUI-core (formerly called Material-UI)

Getting Started

Install this package:

npm install mui-minesweeper

Import the Counter component:

import { Minesweeper } from "mui-minesweeper";

You can then render the Minesweeper component like any other React component in JSX.

Rendering this module in your application will also enable you to have a capability to select the difficulty level as below

| Skill | xFieldsCount | yFieldCount | bombCount | | ------------ | ------------------------- | ------------------------- | ------------------------ | | | Number of boxes in x-axis | Number of boxes in y-axis | Number of bombs on board | | Beginner | 8 | 8 | 10 | | Intermediate | 16 | 16 | 40 | | Expert | 30 | 16 | 99 |

Bombs selection on board is completely random and every new page load or render of the component will have bombs in different places

Won

When the user wins the game

Loss

When the user wins the game

Since this game uses right click to select mines, it is difficult to play on laptop or mobile devices and so in those devices, following warning is shown