Giter VIP home page Giter VIP logo

minesweeper-react-app's Introduction

Minesweeper React App

Description

This is a React App that I built for one of my Capstone Projects through HyperionDev's Full Stack Web Development Course.

Rules & Instructions

  1. Click "START GAME" to play the game
  2. Use mouse left-click button on any of the tiles to reveal what is underneath
  3. If you reveal a mine, you lose and will have to click "RESTART" to start a new game
  4. Use mouse right-click to flag a tile as a potential mine
  5. Use the clues displayed as numbers underneath revealed tiles to understand where the mines are placed
  6. The number underneath a revealed tile informs the player how many mines are surrounding that tile
  7. If you successfully reveal all the tiles without revealing any of the 10 randomly placed mines then you will have won the game

Installation Instructions ๐Ÿ“ฆ

  1. Click the green 'Code' dropdown button on the repository page
  2. Click 'Download ZIP'
  3. Wait for the ZIP file to finish downloading
  4. Double-click on the downloaded ZIP file to open
  5. Click 'Extract' and extract files to desktop
  6. Installation complete

Running The Application ๐Ÿ–ฅ๏ธ

  1. Open the command line from the desktop
  2. Change the directory to the react app by typing "cd minesweeper-react-app" into the command line and press 'Enter'
  3. Type "npm install" into the terminal/command line and press 'Enter'
  4. Type "npm start" into the terminal/command line and press 'Enter'
  5. Your browser will then run the React Application from your local machine
  6. Running the application complete

minesweeper-react-app's People

Contributors

chadprobert avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.