Skip to content

Latest commit

 

History

History
33 lines (24 loc) · 2.27 KB

README.md

File metadata and controls

33 lines (24 loc) · 2.27 KB

💰 React Treasure Hunt Game

As a developer, you are tasked with creating a treasure hunt game. The user will see a game board on the page and be able to select various squares on the board. Hidden behind one square is a treasure that will win the game and hidden behind another square is a bomb that will lose the game. All other squares will reveal a neutral image. The user will be given a particular number of clicks to find the treasure that will win the game.

🤔 Remember

  • Pseudocode!!
  • Ask clarifying questions

📚 User Stories

  • As a user, I can see a page with a three by three grid board game with a question mark in each square.
  • As a user, when I click on one of the question marks an alert appears with the index position of that question mark in the array.
  • As a user, when I click on one of the question marks instead of the alert the question mark turns into a tree emoji.
  • As a user, if I select the winning square the question mark will become a treasure emoji and if I select the losing square the question mark will become a bomb emoji.
  • As a user, I can click on a “Play Again” button that will restart the game.
  • As a user, I can see a counter that shows how many guesses I have left. The counter starts at 5 and decrements one every time I click on a square that is not the treasure nor the bomb.
  • As a user, I can see a message informing me that I won the game if I select the square that contains the treasure.
  • As a user, I can see a message informing me that I lost the game if I select the square that contains the bomb.
  • As a user, I cannot continue to play the game after I win or lose.
  • As a user, I can see a message informing me that I lost the game when I run out of turns (the counter reaches zero).

🏔 Stretch Challenges

  • Consider how to handle a situation where the bomb and the treasure are at the same index.

👩‍💻 Developer Stretch Challenges

  • As a developer, I have a well commented application.
  • As a developer, I have well written README file with instructions on how to access my repository.
  • As a developer, my variables are all named semantically.
  • As a developer, I have refactored and efficient code.
  • As a developer, I have my application deployed as a live website.