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:
- Clone the repository:
git clone https://github.com/iNoles/minesweeper.git
- Navigate to the project directory:
cd minesweeper-game
- Install dependencies:
bun install
- Run the development server:
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.
- Fork the repository.
- Create a new branch (
git checkout -b feature-name
).
- Make your changes.
- Commit your changes (
git commit -am 'Add feature'
).
- Push to the branch (
git push origin feature-name
).
- Create a new Pull Request.