https://github.com/kylemocode/web-mini-games-collection
Web mini games collection playground using Next.js 🤖
https://github.com/kylemocode/web-mini-games-collection
Last synced: about 1 year ago
JSON representation
Web mini games collection playground using Next.js 🤖
- Host: GitHub
- URL: https://github.com/kylemocode/web-mini-games-collection
- Owner: kylemocode
- Created: 2023-05-08T13:18:14.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-03T12:57:56.000Z (almost 3 years ago)
- Last Synced: 2025-03-27T05:35:09.393Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://web-mini-games-collection.vercel.app/games/mine-sweeper
- Size: 379 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Mini Games Collection
A website playground that collect classic web mini games🤖
## Technical Stack
- Next.js (Page Directory)
- TypeScript
- styled-components
## How to run it locally ?
Please use Node.js version at least above v16.
```shell
$ yarn install | npm install
```
Then run
```shell
$ 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)
## Access it online
Online link: https://web-mini-games-collection.vercel.app/games/mine-sweeper
## Supported Games
Currently, this application only supports a single game, Minesweeper.(Don't be disappointed, stay tuned for more games 😂)
### Minesweeper
#### Rules
- 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.
#### Future Roadmap
- [ ] Testing
- [ ] Support Mobile Devices (Touch Events)
- [ ] Addressing the issue where certain emojis may not display correctly on different operating systems.
## Contribution
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.