How I Built an Interactive "Number Bonds" Math Game using Next.js and Pure SVGs
javascript
dev.to
Hey DEV community! 👋 I just pushed a new educational puzzle game live on my web arcade, 7x.games. It’s called Number Bonds—a classic "part-part-whole" math concept where kids figure out how two smaller numbers combine to make a larger one. While building educational games, I try to avoid heavy game engines like WebGL or Phaser. For a puzzle like this, DOM elements and React state are more than enough. But the challenge is making it look fluid, interactive, and visually appealing for kids witho