Minesweeper Game
A fun and interactive Minesweeper game built with Svelte and Tailwind CSS. The game is fully responsive, with a clean design and both light and dark themes. The goal is to clear the minefield without triggering any mines.
Features
- Responsive Design: Works seamlessly across all devices (desktop, tablet, mobile).
- Light & Dark Themes: Toggle between light and dark themes for a better user experience.
- Minefield Layout: The game board consists of a 10x10 grid with random mines.
- Flagging: Flag potential mines to keep track of where they might be.
- Prerendered Pages: Fast loading with prerendered static pages.
Installation
To run this project locally:
- Clone the repository:
git clone https://github.com/your-username/minesweeper-game.git
- Navigate to the project directory:
cd minesweeper-game
- Install dependencies:
bun install
- Run the development server:
bun run dev
Usage
- Click on cells to reveal them. If you click on a mine, the game ends!
- Right-click (or long press on mobile) to flag potential mines.
- Win the game by revealing all non-mine cells.
Technologies Used
- Svelte: A lightweight framework for building fast, interactive web apps.
- Tailwind CSS: Utility-first CSS framework for styling.
- TypeScript: Superset of JavaScript for static typing.
- Vite: Build tool that provides fast bundling.
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.