aatmaj-zephyr/basic-memory-game

This is a basic "memory game" which is implemented for practising java script

Simulation of this game

Concentration, also known as Matching Pairs, Match Match, Match Up, Memory, Pelmanism, Shinkei-suijaku, Pexeso or simply Pairs, is a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.

Concentration can be played with any number of players or as a solitaire or patience game. It is a particularly good game for young children, though adults may find it challenging and stimulating as well. The scheme is often used in quiz shows and can be employed as an educational game.

---

How to play this game-

1. Click on the buttons to 'flip' the cards.
2. When two same cards are selected, score is increased.
3. Challenge yourself to complete within the least number of moves possible.

How to contribute?

Fix any issues for hacktoberfest participation.

1. Drop comment on any issue you would like to work on.
2. The issue will then by marked as hacktoberfest-accepted.
3. Fix any the issue.
4. Create a pull request.
5. Add screenshots of the webapp to highlight the changes made.

---

Live Link

basic-memory-game's Issues

Dynamic generation of buttons

The buttons must be generated by the js instead of the hardcoding

Button on hover-mouse cursor

On hovering the button, the mouse cursor must change.

Key shape

Change the shape of key-buttons

On hover button change color

On hovering, the button must change the color and not the default value.

Welcome tab

Make welcome tab when the game is first loaded.

Turns left alarm visibility

When less turns are left, the counter must turn red.

Font face

Change text font in accordance with the theme

Button Border

Add coloured border to the buttons

Rank and high score display

When the game is over, display the rank and the high score.

Count the turns left down

Count the turns left down instead of making it count up

Code indent not proper

Add code indentation and workflow for automated indentation

Theme data replace

The data instead of letters must be different data elements which must be change in accordance to the theme

Mouse cursor drag

The cursor of the mouse must change to drag when hovered on the buttons.

Update game documentation

Update game documentation to compatible with the new UI changes

Add documentation and comments

Add documentation and comments to make the code more readable.

Deployment

Deploy the web app.

Clicking bug

when buttons are clicked fast, an error occurs

.

Decouple styling

Decouple the styling code

Cards shine

Add shining animation to the cards

Include steps to play the game in the game itself

The js must be in different file and nit embedded into the script

Setting buttons experience

Add animation to when buttons fall into place.

Pressed button effect

Add pressed effect to the buttons using CSS

Multiple keys error

Describe the bug
Multiple keys can be clicked at once if clicked very fast which leads to such errors.

To Reproduce
click multiple keys vary fast

Expected behaviour
The keys should not have been clicked.

Screenshots

Additional context
This is unlikely if the user is not on time constraints

Multiplayericity

Make the game multiplayer

GitHub Actions to give a demo in this repository.

Add GitHub actions to give the demo of the program in this repo.

Heading missing

Make heading proper. WIth title as a memory game.

Theme data replace-graphics

Replace text by graphics

Add sound experience using support

Add sound experience and enhancements

Custom Cursor

Change the Cursor according to the theme

Card reject or accept experience

Add more animation in place of the buttons just turning green and red buttons. eg effects like vibrate, etc..

Mouse hovering effects.

When the mouse hovers over the buttons, they must change.

Change background theme

Current background is looking very dull and unsuitable.

Show the cards once before the game starts

Game documentation-screen shots

Add about 10-12 Screenshots of the game.

Game over alert after delay

Game over alert must come after few seconds delay.

Shadow to button

Add shadow to the button

Score display

When the game is over tell the score.

Transform into a better version with more features.

game reattempting

When the game is lost, make an alert asking for a retry.

De-coupling language

Decouple the language from the main code and make a separate language file.

Card flipping experiance

Replace card backside with graphics. The flipping animation must be added.

Highscores

Make provision to store high scores of users.

Add transition time

add colour change transition time

Change cursor for disabled buttons

The cursor must change when after the button is disabled on hover

Countdown timer to increase pressure

Text color

Change the text color

Mouse cursor-dragging

The cursor of the mouse must change to dragging when one button is clicked

Credits page Documentation

Add the credits of the game owner in the webpage.

Key Resizing

Resize the keys into a proper format.