React js assignment implementing game of memory coding | information systems | California State Polytechnic University–Pomona

Assignment

Implement the game of memory.

Requirements

1. The game is implemented on codepen.io or jsfiddle.net where a link can be shared. For example, you may use https://jsfiddle.net/boilerplate/react-jsx as a starting point.

2. It is a single-player game.

3. You may use any popular utility libraries and choose to use JavaScript or TypeScript.

4. The game board is always square (N x N) where N is some hard coded value you can pick and

N%2 = 0.

5. The game board is composed of randomly generated pairs.

6. Render the game board in HTML with React.js.

7. The board should be a grid of squares.

8. The grid line width should be 2px (device-independent-pixels).

9. Use UTF-8 characters for the card images. 🌀 () through &#x1F5FF () work well.

10. All cards start “face-down”, displaying a placeholder UTF-8 character of your choosing.

11. The game starts as soon as the page loads (codepen.io) or after clicking “Run” (jsfiddle.net)

12. Clicking on a card that is “face-down” will display the card’s UTF-8 character, replacing the “face-

down” character.

13. At most, two cards can be visible (face-up) at the same time.

14. If two visible cards do not match, fill the grid squares containing the two cards with red.

15. If two visible cards match, fill the grid squares containing the two cards with a color other than

red.

16. Display the background color change for the two cards for two seconds.

17. If the two cards matched, remove the cards and display empty squares.

18. When removing the card background colors, if the cards did not match, change the squares back

to the “face-down” characters.

19. When removing the card background colors, if the cards did match, remove the characters,

leaving empty squares.

20. When all matches are found, change the entire board to the color used when a match was

found.

21. Meeting the requirements is all that is necessary, but do fix bugs that make the game

unplayable.

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
$26
The price is based on these factors:
Academic level
Number of pages
Urgency
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more

STAY HOME, SAVE LIVES. Order your essay today and save 20% with the discount code ATOM