Project
Minesweeper with React
74 completions
~ 19 hours
4.3You'll learn the basics of React and be able to create almost any web application depending on your knowledge of JavaScript. While working through the stages, you will also strengthen your skills in HTML and CSS.
Provided by
JetBrains Academy
About
Minesweeper is an oldschool game that dates back to the earliest mainframe games of the 1960s and 1970s. The player is presented with a field of cells, some of which contain hidden mines. You can open any of the closed cells and find out how many mines are around it, or stumble upon a mine right there and lose. Your goal is to open all the empty cells and flag all the cells with mines.
Training project
This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Explore the structure of the React project and create a loading page.
Implement all components and add CSS to style your game.
There are four types of cells: closed, opened, flagged and mined; get them on the field!
Improve the cell opening, add the timer, and display the number of flagged mines in the flag counter.
Take care of the end of the game: make the reset button, show all mines if the player loses, and add other additional functions.
Reviews
8 months ago
This was a hard one -- but I feel much more confident in React programming now.
1 year ago
I have learned a lot of stuff about hooks and component lifecycles.
1 year ago
Great project to learn about React hooks and many other features of the React ecosystem!
4.3
Learners who completed this project within the course rated it as follows: