Skip to content

fernicio07/frontend-test

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Goal

To make a 6 card matching game (3 pairs total).

UX Requirements

  1. The cards should be in two rows of 3, face up (showing the symbol and word) (see the reference comp at 'comps/sample_game_starting.png')
  2. When a user clicks on a card, the card should get slightly bigger to give a visual cue that it is 'active'.
  3. A user should be able to match a picture to it's corresponding word (i.e. a picture of an umbrella with the word umbrella.)
  4. If a user gets a successful match, then they should get a success message from the game (i.e. 'Nice Job!')
  5. If a user gets a incorrect match then they should get a message of encouragement (i.e. Sorry Try Again.)
  6. If the match was successful, the cards should be removed (see the reference comps 'comps/sample_game_correct_pair_gone.png')
  7. If the match wasn't successful, the cards should go back to their original size.
  8. When users have gotten all the matches then they should get a congratulations message (i.e. 'Great Job!').

Technical Requirements

  1. Should function the same in Firefox and Chrome.
  2. Should be primarily HTML, CSS, and JS.
  3. The game should use the provided JSON.
  4. The game should be 100% functional.

Submission process

  1. Fork this repository.
  2. Make sure that you commit often to your forked repository.
  3. Make sure to use the assets provided in this repository.
  4. Once you are satisfied that all requirements (both technical and UX) have been met, submit a pull request.

If you have any questions, please make sure to contact either Mal ([email protected]) or Katie ([email protected])

About

This test is intended for front-end applicants.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 81.4%
  • JavaScript 13.5%
  • HTML 5.1%