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!

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!

• Portfolio at adriantoddross.com
• LinkedIn at linkedin.com/in/adriantoddross/
• Instagram at @adriantoddross
• Twitter at @adriantoddross
• Facebook at @adriantoddross
• and YouTube

License

• MIT license