We will do all work inside the src folder. Once the installation is done, run the cd minesweeper-react. This folder will have an initial project structure and transitive dependencies. This will create a minesweeper-react folder in your desired directories. Open up the terminal and go to the folder wherever you want to code We will start with installing react app using create-react-app

We will divide the game into three componentsġ.App Component(The main component will render the MineSweeper Board)Ģ.Board Component(Sort of all functionalities will be defined here)ģ.Cell Component(handling Click and reveal on each cell of the board) This is the example ,what you will have at the end of this article.

You will win if non-mines reveal become zero.

Right Click to flag the cell(that you don't want to reveal, you are guessing, it might have mines).

Let me tell you, the game is about revealing all cell, without clicking on the mines location cells. MineSweeper was a classic game that we used to play in old days on old pc.

We will build a minesweeper game using React.JS.

You might have guessed from the title already what we will discuss in this article.

Simple minesweeper javascript - code