> ## Content Index > Fetch the complete content index at: https://reactpractice.dev/llms.txt > Use this file to discover other available public pages before exploring further. # Build a memory game - URL: https://reactpractice.dev/exercise/build-a-memory-game/ - Published: 2024-04-30T07:14:45.000Z - Updated: 2026-06-01T01:57:01.000Z - Author: Corina Udrescu - Tags: Component fundamentals, #corina-2, Exercises, Structuring components, Beginner, #Import 2026-06-09 12:07 Build a memory game in React. You start with 6 images that you will display as 12 cards. By default, they are "flipped" - you only get a placeholder instead of the image. As the user clicks a "card", flip it around, revealing the image. When the user clicks the same picture twice, in a row, then it means he has a match - so keep the images visible from then onwards. If the user flipped two cards and they *do not* match, then turn them back after one second. You can build the game as a React component that takes in an array of images. Here's an example of how it will be used - you can use this image array for testing: ```js ``` To shuffle the images, you can use the `lodash` library, which has a handy `shuffle` method ([https://www.geeksforgeeks.org/lodash-\_-shuffle-method/](https://www.geeksforgeeks.org/lodash-%5F-shuffle-method/?ref=reactpractice.dev)) I recommend using Typescript to build your solution. 💡 Ready to check your work? [Become a member](https://reactpractice.dev/become-a-member/) and get access to the [official solution](https://reactpractice.dev/solution/how-to-build-a-memory-game/) and the comments section for feedback and discussion. Note: You'll notice the UI is very basic, without any animations or shadows - it's because the focus on this exercise is on the React part. If you want, feel free to add a nicer UI! 0:00 /0:08 1×