Next.js Minesweeper App

I made this a bit ago, actually. A fun little project for a friend. If you’ve never played minesweeper, you should try it!

How to play minesweeper

How to play Minesweeper

  • Click on a tile to reveal it.
  • If you reveal a mine, you lose!
  • If a revealed tile has a number, it tells you how many mines are adjacent to it.
  • Right-click to place or remove a flag if you think there is a mine there.
  • Reveal all safe tiles to win the game!

When I made this I kind of realized that React and Tailwind can be used even for use cases obscure as this :laughing:
It could probably have been a Vite project, but I like Next.js more.

In the image above, you can see some interesting things I did, like dark mode and graying out numbers when you place a flag. I might make settings to turn that on and off.

What do you guys think I should add? Open source, by the way! Feel free to fork!

3 Likes

I immediately lost :rofl:

1 Like