Memory Game - Technical Test 🃏

This is a technical test for a junior developer position. The goal of this test is to evaluate your knowledge and skills in HTML, CSS, and JavaScript.

Memory Game Application

Regardless of the framework you choose, your application should include the following features:

1. Generate a game board with an even number of shuffled cards. Each card should have a hidden side and a visible side with an image or symbol.
2. Allow the user to click on a card to flip it and reveal its content.
3. Compare the cards: If the user flips two cards and they are identical, they should stay visible. If not, the cards should be flipped back to their hidden side after a short delay.
4. Game end: When all pairs of cards have been found, display a congratulatory message and the number of moves needed to complete the game.
5. Reset button: The user should be able to reset the game and shuffle the cards again using a "Reset" button.

Instructions

1. Fork this repo
2. Chose framework you want to use : React, Vue or a personnal
3. Implement the solution in your own public GitHub repository, and send us the link to the completed project.

Time Limit

You have a maximum of 2 hours to complete this test. It is not expected that you will implement every feature within this time frame. Make choices on what to prioritize and be prepared to explain your decisions.

Evaluation Criteria

1. Appropriate use of HTML to structure the page content and components (if applicable).
2. Effective use of CSS for styling and presentation of the page (e.g., layout, colors, fonts, spacing, borders).
3. Use of JavaScript to manage the game logic (e.g., shuffling cards, flipping cards, comparing cards, counting moves, resetting the game).
4. Adherence to good development practices (e.g., indentation, comments, variable and function naming, component structure and organization).

Good luck 🥑 !