This project constitutes my version of the classic game Minesweeper. This is my first project for the General Assembly SEI course, constructed over the course of 1 week. It was a fun exersice piecing this game together from scratch using only HTML, JavaScript, & CSS, and was a great way to get more familiar with coding in these languages.
The object of the game is to clear the board of tiles without activating any mines. Use the numbers displayed in the tiles you have cleared to determine where the nearby mines may be, then mark them with a "flag" by holding shift and clicking the tile.
Once all the mines have been properly marked and the rest of the game tiles cleared, you'll have won the game...but if you activate any one of the mines, you'll lose, and will have to start a new game.
Win or lose, if you wish to play again, simply click on one of the level select buttons and a new minefield will appear.
Screenshots
Main Page.
Expanded information section (collapsed in the prior photo).
A game in progress.
Future Updates
Some things to consider if I have time to come back to this after the course.
Include interface to show count of flags vs bombs.
Provide choice of game level.
Make Information section collapsibile.
Add ability to make custom sized board & number of "mines."
May update icons & other symbols used.
Optimized for mobile.
Credits
Credit for advice/examples on how to approach this project, as well as the art files I used in the project.
For grid images, game-icons.net (user Lorc).
imgur.com for background picture (user Wadatahmydamie).
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent