Make a memory card matching game with AI (no coding)

What you need

• A computer (for making it) and a tablet or phone (for your child to play on, optional)
• A free Claude account (claude.ai) or a free ChatGPT account
• A theme for the cards (animals, fruit, vehicles; emoji are enough)

What you get

A 4x4 card-flipping game. It shows time, number of tries, and your best record, and you can play it with the keyboard too. When every pair is matched, a results card appears.

Step by step

1. 1

   Pick the pictures for the cards

   Choose something your child likes. Think of 8 animals, fruits, dinosaurs, or vehicles. Or just name the broad category, like "cute animals", and the AI will pick for you.

2. 2

   Go to claude.ai and sign in

   Open claude.ai in your browser and sign in. For ChatGPT, go to chatgpt.com.

   You know it worked whenYou are ready when you see a chat box at the bottom of the screen.

3. 3

   Paste the prompt and send it

   In the prompt below, swap in your own picture theme, then paste it and send.

   Prompt to pasteCopy prompt

   Make a card matching (memory) game that I can play right in my browser. Put everything in a single file.
   
   - 16 cards (4x4) with 8 pairs of pictures. Use cute animal emoji for the pictures
   - Cards flip when tapped. If two cards match, they stay face up. If not, show them briefly and flip them back
   - Show the elapsed time (minutes:seconds) and the number of tries at the top
   - Remember the best record (fewest tries) so it still shows the next time I open the game
   - Make it playable with the keyboard (Tab and Enter), not just a mouse or finger, and show the selected card with a clear outline
   - For people who use a reduce-motion setting, turn off the flip animation
   - When all pairs are matched, show a results card and a "Play again" button
   - Make the text and cards large and easy to tap. All text in English

   Make it yours

   • Change "cute animal emoji" to "fruit", "vehicles", "our family members' names", and so on.
   • For a younger child, reduce it to "12 cards (3x4), 6 pairs".
   • Set the difficulty with a line like "Flip mismatched cards back after 2 seconds."

   Want more control? (a slightly more technical version)

   Copy this version

   Make a card matching (memory) game as one self-contained HTML file.
   - 4x4, 8 pairs of emoji. Keep the emoji list as an array at the top of the file so it is easy to change
   - Card flip transition, turned off when prefers-reduced-motion is set
   - Timer (minutes:seconds), number of tries, best record saved in localStorage
   - Playable with keyboard Tab/Enter, with a clear focus indicator
   - Results card and play again when all pairs are matched
   - All UI text in English

   You know it worked whenIn Claude, 16 face-down cards appear in the result panel on the right.

   TipIf ChatGPT only shows a long block of code, say "Show it so I can play it right away (use Canvas)."

4. 4

   Play one round yourself

   Tap two cards. If the pictures match, they stay. If not, they flip back. Keep going until the results card appears.

   You know it worked whenIf the cards flip, the time and tries at the top go up, and a results card appears at the end, it works.

5. 5

   Change it by asking

   Play it with your child and ask for changes to anything that feels awkward.

   TipTry things like "Make it 6x6", "Flip mismatched cards back after 2 seconds", "Change the pictures to fruit", "Make the cards bigger", or "Show a short congratulations message when they match".

6. 6

   Open it on a tablet and hand it over

   Click Publish at the top right of the result panel to make a link. Open that link on a tablet or phone and it plays right away with nothing to install. For the full steps, see "Share it as a link" below. Adding a shortcut to the home screen makes it even easier.

   You know it worked whenIf your child can open the link on the tablet and flip cards with a finger, you are done.

   TipThe link will not open if the device has no internet. Check the Wi-Fi.

If you get stuck

Try next

• To use family photos instead of emoji, you need the photo files, so upload the page with Netlify Drop. For the steps, see "Share it as a link" below.
• Turn it into a learning version that matches vocabulary words with pictures.

Features used here

More recipes