Shipped this project!
A fun memory card matching game built using react, featuring multiple difficulty levels, sound effects, high score tracking, and responsive design.
Just click on the demo link to start playing!!
A fun memory card matching game built using react, featuring multiple difficulty levels, sound effects, high score tracking, and responsive design.
Just click on the demo link to start playing!!
Uploaded the project to github and hosted the game on github pages using npm gh-pages so that it is playable by anyone on the web without installing anything. Ready to ship now!
Log in to leave a comment
Added difficulty levels. The original one is now easy mode, medium increases the grid to 5x4 and hard increases it to 6x5. The highscores are tracked and maintained separately for each difficulty and so is the timer. The game resets even if you change the difficulty level mid game.
(Because of the increase in the number of cards there might a lag sometimes in the hard mode)
Log in to leave a comment
Added sound effects for flipping cards, matching, resetting and on winning the game. Also worked on some css and made it so that the game resizes on phones and smaller screens and also some other minor css tweaks.
Log in to leave a comment
Added highscores. I track three highscores, best time, least moves and best game overall. For the overall best, the first preference is given to moves and then time. The win overlay shows whenever you make a new highscore.
(I wasted some moves and time in the demo video to show the highscores changing)
Log in to leave a comment
feat: added a timer to the game. It only starts after you start playing. I now also show how long you took to finish the game along with the number of moves taken. It also restarts if you reset the game.
Log in to leave a comment
Worked on the css. Earlier I was imitating a card flip using opacity, now I am actually flipping the card and you can see the animation. Also added a pop animation on a correct match. Also adjusted the scale of the ui so there’s no phantom scroll (which was there before).
Log in to leave a comment
The cards now get shuffled every round. I also show a win message as an overlay on winning the game. I also lock the cards every turn so the player can’t click or see any extra cards in one turn.
Added a reset button near the score too from where the game can be reset at any time.
Log in to leave a comment
Worked on the game logic, the cards now flip back if they don’t match. If they match they stay flipped and the card turns green. The score and moves counter also get updated accordingly. The cards don’t shuffle yet, will work on that.
Log in to leave a comment
Making a memory match game using react. I have currently designed the front end and css and you can flip the cards right now. Will work on the game logic now like checking if the cards match and updating the game accordingly.
Log in to leave a comment
Added a icon to the website. Also I now show the number of results fetched per search.
I am also now keeping the original formatting of the instructions text and showing it as proper steps now instead of just pasting one big block.
Uploaded everything to Github, added a readme and hosted the website on Github Pages. Ready to ship now.
Log in to leave a comment
Earlier I was fetching meals based only on name match which fetched relatively lesser meals per search. Now in addition to name search, I am also fetching meals based on category which results in more valid search terms and also more results per search.
I am now also showing more tags per recipe (where available), along with their categories.
(P.S. it might take a few seconds for the page to load if there are a lot of meals returned)
Log in to leave a comment
Added details for all the recipes which can be viewed by clicking on the cards. It includes a list of the ingredients required along with their measurements, the instructions to cook and also a youtube video link where available. It also shows error messages if no recipe is found or if the search box is empty.
Log in to leave a comment
Making a recipe finder using TheMealDB API to fetch all the data. You can search for meals using a search term which currently shows the names and images of the meals as cards.
Will add more details for each of the recipes shown (like a list of all ingredients, instructions to cook, etc.)
Log in to leave a comment
Uploaded the game files to github and hosted the game on github pages. Also adjusted all the css to rescale according to the screen size so it is playable on smaller screens like phones. It is also responsive to browser rescaling (as shown in attached images). Ready to ship now.
Added a timed mode. I set it to 15 secs for recording the demo video, otherwise the timed mode is 60 seconds. The game ends when the timer hits zero or if you click on a plant. Also a warning plays once the timer is below 5 secs.
Log in to leave a comment
Fixed a bug that in hard mode there was a slight lag due to which some clicks were not registered.
Before I was loading and deleting the mole and plant images every time which caused the lag. Now I load up the images once and just move them around the board which reduces the time needed and thus also the lag.
Log in to leave a comment
Added difficulty levels. The previously default game is now easy mode, medium is a bit faster while hard is faster and has 2 plants. The highscores are tracked separately for each difficulty level and maintained even on changing the difficulty.
Unless you click on the “change difficulty” button, clicking anywhere else on the screen restarts the game in the same difficulty.
Also added sound effects on hitting/missing the mole.
Log in to leave a comment
Updated the game so that now 10 points are deducted for a wrong click (empty tile) and now you lose by clicking on the piranha plant instead. Also added keeping track of highscores.
The game over text now shows as a popup overlay and you can play again by clicking anywhere on the screen. You also lose if your score becomes negative.
Log in to leave a comment
Created a whack a mole game. You get 10 points for every correct click and you lose if you click on an empty hole. Click again to replay!
Log in to leave a comment