I Built 2 Browser Puzzle Games from Scratch This Week 🎮 As part of my ongoing project — 7x.games — I'm building 150+ original, SEO-optimized browser games. This week I shipped two puzzle games: 🧪 Color Sort Puzzle — pour colored liquids between test tubes to sort them by color 🧱 Block Blast — place Tetris-style blocks on an 8×8 grid, clear rows & columns No game engines. No canvas libraries. Just React, and CSS. Here's what I learned building both. 🧪 Color Sort Puzzle The mechanic seems trivial but the solver logic is not. The key challenge was level validation — generating a solvable puzzle every time. I built a backtracking solver that simulates valid pour sequences before presenting a level to the player. // A pour is valid only if: // - Source tube is not empty // - Target tube is not full // - Top color of source matches top color of target (or target is empty) const isValidPour = ( from , to ) => { if ( from . length === 0 ) return false if ( to .…