It's a mere memory card game but with strong adhesion to the MVC (Model–view–controller) Pattern and a responsive layout.
Model–view–controller is a software design pattern commonly used for developing user interfaces that divides the related program logic into three interconnected elements. This is done to separate internal representations of information from the ways information is presented to and accepted from the user.
Source: Wikipedia
The game is made up of a total of 1024 lines of code with 18 classes.
Fig. 1: The UML Diagrams
The development of this game has been given as an assignment at RUG (University Of Groningen).
Once the game has started, you will be asked to choose how many pairs of cards to play with.
Fig. 2: Interface for choosing the number of pairs to play with
Once the number of pairs to play with has been chosen, you will see an interface similar to the one in figure 3.
Fig. 3: The game interface
The interface depends on the size of the windows and the number of pairs selected. Therefore, if the window is resized, the disposition of the cards will consequently change. In fact, the window is responsive.
Fig. 4: The game interface after having resized the window
To flip a card, click with a mouse button. After having flipped two cards, they will remain bared if they are paired; otherwise, they will turn over again, following the game's classic rules.
Fig. 5: The game interface while playing
At the end of the game, the user will be asked to either reset the game or exit.