Skip to content

Latest commit

 

History

History
49 lines (33 loc) · 2.24 KB

README.md

File metadata and controls

49 lines (33 loc) · 2.24 KB

Minesweeper board

Minesweeper Remake

I re-created this classic game using a tutorial by Justin Kim.

Created with Create-React-App, Javascript, Typescript & SCSS

To get more practice with React & Typescript, I've decided to start creating games! Minesweeper was a huge undertaking to start with, even though I was following a tutorial. However, I learned a lot and am more inspired than ever to keep going!

Minesweeper board

What I Learned

  • React Hooks
  • CSS Grid
  • CSS Flexbox
  • SASS/SCSS mixins
  • SASS/SCSS variables
  • Typescript Enum type
  • Typescript Interfaces

Installation & Setup

Clone the repo and run npm i && npm start.

Stretch Goals

  • Allow players to change difficulty to beginner (9x9, 10 mines), intermediate (16x16, 40 mines) or hard (16x30, 90 mines)
  • Add toggle for a custom game, letting users decide the board size & number of mines
  • Only regiter onClick events when a player clicks inside of the board
  • Display how to play, tips & tricks to the right of the board
  • Add dark screen mode

Questions? Get In Touch

I love content creation and use social media often. Feel free to reach out!

License

License