A memory game with React. This assignment will require you to break up your application's UI into components, manage component state, and respond to user events. The application should render different images (of your choice) to the screen. Each image should listen for click events. The application should keep track of the user's score. The user's score should be incremented when clicking an image for the first time. The user's score should be reset to 0 if they click the same image more than once. Every time an image is clicked, the images rendered to the page should shuffle themselves in a random order. Once the user's score is reset after an incorrect guess, the game should restart.
This is a memorization/click game. The object of the game is to click on only one picture once. If you repeat guesses, you lose and the score is reset to 0. You win by reaching the max score total of 12.
- Click on any picutre that you desire
- The pictures will all reshuffle themselves
- Click on another picture, but REMEMBER that you can only click on a picture once
- Keep going to see if you can get all 12
- React
- JavaScript/ES6
- JSX
- Npm dependencies mgmt
- Node dependencies
- Bootstrap 4
- CSS3
- Google Fonts
- heroku
- VSCode
- git clone https://github.com/annammattis/Clicky_Game
- cd into the react-clicky-game (pwd or ls to check yo self)
- Run npm install to get all dependencies
- Run npm start (in bash/powershell)
- Go to localhost:3000 in your web browser (chrome)