A website playground that collect classic web mini games🤖
- Next.js (Page Directory)
- TypeScript
- styled-components
Please use Node.js version at least above v16.
$ yarn install | npm install
Then run
$ yarn run dev | npm run dev
You should be able to see the Minesweeper game UI at localhost:3000/games/mine-sweeper.(No homepage for now)
Online link: https://web-mini-games-collection.vercel.app/games/mine-sweeper
Currently, this application only supports a single game, Minesweeper.(Don't be disappointed, stay tuned for more games 😂)
- Clicking a mine ends the game.
- Clicking a square with an adjacent mine clears that square and shows the number of mines touching it.
- Clicking a square with no adjacent mine clears that square and clicks all adjacent squares.
- The first click will never be a mine, it will clear the map and place numbers on the grid.
- The numbers reflect the number of mines touching a square.
- Right clicking on a square puts a flag on it. The flagged square can’t be opened by a click.
- If the number in a square is equal to the number of squares touching that square that are flagged, double clicking on the number opens up all remaining squares around the number.
- Testing
- Support Mobile Devices (Touch Events)
- Addressing the issue where certain emojis may not display correctly on different operating systems.
If you'd like to contribute to this project, please refer to https://gitmoji.dev/ and use specific emojis to write commit messages for certain scenarios.