https://github.com/phartenfeller/minesweeper_js

Minesweeper PWA with plain JavaScript, CSS and HTML. No Frontend Framework!
https://github.com/phartenfeller/minesweeper_js

css game game-development html javascript minesweeper pwa vanilla-javascript

Last synced: about 2 months ago
JSON representation

Minesweeper PWA with plain JavaScript, CSS and HTML. No Frontend Framework!

• Host: GitHub
• URL: https://github.com/phartenfeller/minesweeper_js
• Owner: phartenfeller
• License: mit
• Created: 2018-03-05T15:01:47.000Z (almost 7 years ago)
• Default Branch: dev
• Last Pushed: 2023-10-06T16:05:23.000Z (about 1 year ago)
• Last Synced: 2023-10-06T17:26:29.022Z (about 1 year ago)
• Topics: css, game, game-development, html, javascript, minesweeper, pwa, vanilla-javascript
• Language: JavaScript
• Homepage: https://minesweepergame.de/
• Size: 3.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Minesweeper PWA with vanilla JavaScript, CSS and HTML.

Original MS Minesweeper game with vanilla JavaScript, CSS and HTML. No Library or Framework used.

You can play the game here: https://minesweepergame.de/

![Desktop Screenshot](assets/screenshots/Desktop-Screenshot.png)

## Features

- Full offline support

- Installable

- No JavaScript Framework used for the Minesweeper part

- Responsive UI with [TailwindCSS](https://github.com/tailwindcss/tailwindcss)

- Statistics tracked with IndexDB and [Dexie](https://github.com/dfahlander/Dexie.js)

- Customizable gamesettings

## Todo

- Save gamestate when closing / refreshing midgame

## Browser problems

**IE** is not supported!

Only Chromium **Edge** is supported

- **Firefox** doesn't support css zoom. Style `transform: scale()` could be the solution. Can I use Link: [https://caniuse.com/#feat=css-zoom](https://caniuse.com/#feat=css-zoom)

- **Safari** has shitty PWA support, apple...