The latest articles on DEV Community by syg737usa (@syg737usa). https://dev.to/syg737usa https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3949029%2F66ef2e45-1f02-4928-b025-12823945aeb0.png https://dev.to/syg737usa en syg737usa Sun, 24 May 2026 12:37:27 +0000 https://dev.to/syg737usa/i-built-a-memory-card-game-with-claude-ai-from-zero-to-web-published-1hf6 https://dev.to/syg737usa/i-built-a-memory-card-game-with-claude-ai-from-zero-to-web-published-1hf6 <p>I had almost no programming experience, but wanted to see if I could build a real game with AI assistance. Here's what I built and how I did it.</p> <p>🎮 Play it here: <a href="https://syg737usa.itch.io/memory-game" rel="noopener noreferrer">https://syg737usa.itch.io/memory-game</a></p> <p>What I Built</p> <p>A classic Memory (Concentration) card game featuring:</p> <ul> <li>Full 52-card deck with real card images</li> <li>CPU opponent with <strong>5 difficulty levels</strong> (Level 5 is beatable but challenging!)</li> <li>12 languages supported (English, Japanese, Chinese, Korean, and more)</li> <li>Runs entirely in the browser – no install needed</li> </ul> <p>Tech Stack</p> <ul> <li>HTML / CSS / JavaScript (learned from scratch)</li> <li>Claude AI (coding assistant)</li> <li>GitHub Pages (free hosting)</li> <li>Itch.io (game publishing)</li> </ul> <p>The Journey</p> <p>Starting from nothing<br> I told Claude "I want to build a concentration card game" and we started from a blank HTML file. Claude explained every piece of code as we went.</p> <p>Biggest challenge<br> Cards kept showing only Ace regardless of what was actually flipped. Debugging this with Claude taught me how DOM manipulation actually works in JavaScript.</p> <p>Making it look good<br> Upgraded from plain cards to professional card images, added a casino-style dark green felt background, and used Google Fonts (Cinzel + Raleway) for a polished look.</p> <p>CPU AI<br> Built a memory-based AI that actually remembers cards it has seen. Higher difficulty = better memory + smarter moves. Level 5 intentionally makes mistakes 22% of the time so humans can still win.</p> <p>Going live<br> Learned Git from scratch, pushed to GitHub, enabled GitHub Pages, and published on Itch.io — all in one session.</p> <p>What I Learned</p> <ul> <li>You don't need to know everything to build something real</li> <li>AI assistance accelerates learning — but you still need to understand the errors</li> <li>The gap between "it works locally" and "it works online" is where real learning happens</li> </ul> <p>Please try!</p> <p>🎮 <a href="https://syg737usa.itch.io/memory-game" rel="noopener noreferrer">https://syg737usa.itch.io/memory-game</a></p> <p>Feedback welcome — especially on the CPU difficulty balance!</p> javascript webdev beginners ai