A simple memory game I built for a technical interview using React and TypeScript. I had so much fun making it, that after the interview I just kept going!
Check it out here: https://memoria-memory-game.netlify.app
Tech used: React, TypeScript, CSS
I built the MVP of this little game on Replit during a technical interview for a frontend position- but after the interview, I just kept on going- adding multiple deck options, randomized card images, local high scores, and a bevy of snazzy animations.
Feature | Description |
---|---|
Deck Selection | Choose from an emoji image deck or a number deck! |
Local High Scores | Your best times are recorded locally by difficulty level. Can you beat your own record? |
Snazzy Style | The custom CSS animations will surprise and delight you! |
If I return to this project in the future, I'd like to add:
- More deck types / image themes
- Global leaderboards
Whlie I came into this project feeling confident with React and TypeScript, this project introduced me to the functional method of updating state- which was necessary to trigger state updates within an interval. This allowed me to make the fun auto-flipping cards in the title- which all flip at randomly determined intervals!
Feelf ree to fork and play with this code on your own! Just don't turn it into a commercial product, and be sure to credit me if you use this in your own project.
Take a look at these other awesome projects from my portfolio:
Networky: https://github.com/ramblingadam/networky-public
Animal Crossing: New Horizons Database: https://github.com/ramblingadam/acnh
X-Wing VS TIE Fighter: https://github.com/ramblingadam/tic-tac-starwars