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!
- React Hooks
- CSS Grid
- CSS Flexbox
- SASS/SCSS mixins
- SASS/SCSS variables
- Typescript Enum type
- Typescript Interfaces
Clone the repo and run npm i && npm start.
- 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
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
