This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
To play the game, the user clicks an image. The score increases if the image has not been clicked before.
If the image has been clicked, the user score will reset. To start a new game, the user must click an image that has not been clicked yet.
- React
- Bootstrap, CSS
- Javascript
Each component (Navbar, Header, Wrapper, ImageCard, and Footer) all have their seperate js files and are imported into the App.js file, which holds the logic and functionality of scoring and clicking on images, and also renders all of the components.
Component App , constructor is built from the images, sets score at 0, function to check if an image has been clicked - creates copy of images - uses random method to sort array - sets logic for click function
sets the state of user scores and top score if an image is clicked, sets state to reset the image array and score as 0, renders components to page
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent