First project for WDI - Create a game
Clone or download
Latest commit 53dbadf Jun 12, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
css border-color Jun 12, 2017
img add ability to skip sections Feb 20, 2017
js tile size Jun 12, 2017 update README Feb 21, 2017
index.html Bug fix - level choice, index title, -level 0 Feb 21, 2017
play.html code formatting Feb 21, 2017

Project-One -- Mine Flood

First project for WDI - Create a game



Click tiles to reveal what is under them, but don't click on a mine! If a number is uncovered, it indicates how many mines are around that tile. Empty spaces mean there are no mines near by, and will uncover its neighboring tiles until it reaches those that have mines near them. Mark tiles by right clicking or using the flag button to keep track of where the mines are. Win by uncovering all tiles other than the mines!


Fill the board with a single color in the given amount of turns. Starting in the upper left corner, change the color of the tiles to match its neighbors by clicking on the matching color box under the board. Each turn, the matching tiles are added to the play area until the board is flooded.


  • Generating the board. I want to be able to have the generator flexible for board size as well as amount of bombs. Also ideally be able to ensure the first clicked space is not a bomb.

  • Making it mobile friendly. Especially figuring out a way to guess bombs without a right click option.

  • Finding a good balance for the level progression so that there is a noticible difficulty difference for each level, but not too much.


  • HTML: Markup for page structure.
  • CSS: Styling. Using flexbox and media queries for responsive design.
  • JavaScript: Working with arrays, objects, data.
  • JQuery: DOM minipulation


Landing Page:

Level Choice: