https://github.com/inoles/minesweeper
responsive Minesweeper game built with Svelte and Tailwind CSS, featuring light/dark themes and interactive gameplay
https://github.com/inoles/minesweeper
frontend game-development interactive-game light-dark-theme minesweeper responsive-design svelte sveltekit tailwindcss typescript web-game
Last synced: about 1 month ago
JSON representation
responsive Minesweeper game built with Svelte and Tailwind CSS, featuring light/dark themes and interactive gameplay
- Host: GitHub
- URL: https://github.com/inoles/minesweeper
- Owner: iNoles
- License: gpl-3.0
- Created: 2025-02-01T19:42:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-02T06:05:01.000Z (over 1 year ago)
- Last Synced: 2025-03-04T06:15:42.296Z (over 1 year ago)
- Topics: frontend, game-development, interactive-game, light-dark-theme, minesweeper, responsive-design, svelte, sveltekit, tailwindcss, typescript, web-game
- Language: Svelte
- Homepage: https://inoles.github.io/minesweeper/
- Size: 65.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Minesweeper Game
A fun and interactive **Minesweeper** game built with **Svelte** and **Tailwind CSS**. The game is fully responsive, supports light/dark themes, and offers a clean, intuitive user experience. Your goal: clear the minefield without triggering any mines!
## 🚀 Features
- 🎯 **Responsive Design**: Works great on desktop, tablet, and mobile.
- 🌗 **Light & Dark Themes**: Toggle between themes for better accessibility and comfort.
- 💣 **Minefield Grid**: Classic 10x10 grid with randomly placed mines.
- 🚩 **Flagging System**: Mark suspected mines to help strategize your moves.
- ⚡ **Prerendered Pages**: Fast loading with prerendered static pages.
- ❌ **Wrong Flag Indication**: Incorrectly placed flags are highlighted after game over.
## 🛠 Installation
To run this project locally:
1. Clone the repository:
```bash
git clone https://github.com/iNoles/minesweeper.git
```
2. Navigate to the project directory:
```bash
cd minesweeper-game
```
3. Install dependencies:
```bash
bun install
```
4. Run the development server:
```bash
bun run dev
```
## 🎮 How to Play
- Left-click a cell to reveal it.
- Right-click (or long press on mobile) to place or remove a flag.
- Reveal all non-mine cells to win.
- After the game ends, incorrectly flagged cells will be revealed.
## 🧰 Built With
- ⚙️ Svelte — reactive UI framework.
- 🎨 Tailwind CSS — utility-first styling.
- 🧑💻 TypeScript — static typing.
- ⚡ Vite — lightning-fast dev server & bundler.
## 🤝 Contributing
Contributions are welcome! Feel free to fork the repository, create a branch, and submit a pull request.
1. Fork the repository.
2. Create a new branch (```git checkout -b feature-name```).
3. Make your changes.
4. Commit your changes (```git commit -am 'Add feature'```).
5. Push to the branch (```git push origin feature-name```).
6. Create a new Pull Request.