A simple game to test your memory
This is based on The Odin Project Memory Card. My goal was to learn about Vue Lifecycle Hooks to shuffle the game card components before they are mounted. It's a simple use of the mounted method but I can see how hooking into different parts of a component's lifecycle can be useful for specific cases. Overall, this was a quick, easy, and fun vue project. Styled and responsive with Tailwind CSS.
UPDATE: I added state management using Pinia. This was a great learning experience and I really enjoy the simplicity of this tool. This is a small project but I can see how this can be very useful for medium/large projects.
-
Click on a unique card each round to stack up your points.
-
The score will be reset if you click on a card you've already selected
-
The best score you can get is 6