The classic game of Minesweeper implemented using web technologies.
The game features:
- 3 difficulty levels;
- support for tile flagging — mark the ones, which might contain mines;
- cheat mode — reveal the locations of the mines without ending the game;
- autosave — preserve the state of the game on exit and continue from the exact same place on return.
The demo is available on the project web page.
Technologies used:
- HTML
- CSS
- JavaScript ES6+
- jQuery
- JavaScript Cookie
- SVG
The game is tested on moderately recent versions of Chrome, Firefox or Safari. The game must be deployed on the web server to work correctly (file:// protocol is not supported).
There is a script that bundles all JavaScript files into one and minifies the code. The script uses Rollup for bundling and Terser for minification. Both tools must be available as the global command line tools for the script to work. To run the script, go to the project’s root folder and execute:
scripts/compress.sh
As a result of running the script two files are generated:
- minesweeper.js with the bundled code;
- minesweeper.min.js with the bundled and minified code.
The project uses Prettier for code formatting.
When using NPX, to reformat all files, execute:
npx prettier . --write
To check that all files are correctly formatted, execute:
npx prettier . --check