This project is a Minesweeper game implemented using Vite + React.
๐ป Live Demo
- Vite
- React
- Redux Toolkit
- TypeScript
- CSS Modules
- Clone the repository:
git clone https://github.com/Jim876633/minesweeper.git
- install dependencies:
cd minesweeper
npm install
- Run the application:
npm run dev
The app will be available at http://localhost:5173 by default.
-
Reveal Cells:
- Click on a cell to reveal its content.
- The number on a revealed cell indicates how many mines are adjacent to that cell.
- If you reveal a cell with a mine, the game ends.
-
Winning the Game:
- Successfully reveal all cells that do not contain mines to win the game.
- Use the number clues to strategically deduce the locations of mines.
-
Losing the Game:
- The game ends if you reveal a cell with a mine.
- Be cautious and use logical deduction to avoid hitting mines.
-
Changing Game Level:
- The Minesweeper game offers different difficulty levels:
- Easy: 9x9 grid with 10 mines.
- Medium: 16x16 grid with 40 mines.
- Hard: 30x16 grid with 99 mines.
- Adjust the game level according to your preference before starting a new game.
- The Minesweeper game offers different difficulty levels:
Good luck and have fun!
- Basic Minesweeper functionality
- Responsive Web Design (RWD)
- First step can't be a mine
- Ability to add flags
- Custom mine emoji
Feel free to contribute to the project. Fork the repository, make your changes, and submit a pull request.
This Minesweeper game is open-source and available under the MIT License.