https://github.com/jack-development/reactsweeper

ReactSweeper is a dynamic and interactive rendition of the timeless Minesweeper game, developed using React.
https://github.com/jack-development/reactsweeper

game html javascript minesweeper react

Last synced: about 2 months ago
JSON representation

ReactSweeper is a dynamic and interactive rendition of the timeless Minesweeper game, developed using React.

• Host: GitHub
• URL: https://github.com/jack-development/reactsweeper
• Owner: Jack-Development
• License: mit
• Created: 2021-09-06T14:16:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-03-24T11:10:33.000Z (10 months ago)
• Last Synced: 2024-03-24T12:23:37.147Z (10 months ago)
• Topics: game, html, javascript, minesweeper, react
• Language: JavaScript
• Homepage: https://jack-development.github.io/ReactSweeper/
• Size: 2.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
 



  



 


# ReactSweeper

ReactSweeper is a compelling, user-friendly adaptation of the classic Minesweeper game, designed with React. This modern take on a classic game is not just a fun pastime, but also a showcase of what can be achieved with React.

You can check out a live demo of the project [here](https://jack-development.github.io/ReactSweeper/).

## Live Demo 🎮

Test out the application at [https://jack-development.github.io/ReactSweeper/](https://jack-development.github.io/ReactSweeper/)

## Features 🚀

- Interactive grid, with dynamic scaling and resizing based on user input.

- Ability to place flags on squares, preventing accidental clicking.

- Visual feedback for success and failure, including colored indicators for safe squares and mines.

- The game reveals the entire board when a win or loss is detected.

## Development Tools 💻

This project was developed using the following tools:



  

  

  

  



## Getting Started 🚀

1. Installation: `npm install`

2. In the project directory, you can run: `npm start`

3. In the project directory, you can run: `npm run build` to build the app for production to the `build` folder.

`npm start` runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

## Contributing 💡

Contributions, issues, and feature requests are welcome! Feel free to check [issues page](https://github.com/Jack-Development/ReactSweeper/issues) if you want to contribute.

## License

This project is licensed under the [MIT License](LICENSE).