A vanilla js browser game inspired by some random android app by the same name I found years ago.

I remember playing it on android and thinking "I could probably build this" when I was first starting out my programming career. So I started on it and have (mostly not) worked on it over the past few years until recently.

The only rules I gave myself were to write everything in vanilla JS. No bundlers, only browser-safe ES6. I did have one allowance to use Sass, which I use gulp to compile.

Every turn, random colored squares appear in random (empty) locations. Select a square and move it to the desired location. If you can arrange 4 or more squares adjacently, they disappear. Bonus multiplier for removing >4 at a time.

A square may only be moved if there's a clear path to the new location.

As you accumulate points, the difficulty level increases (more squares appear every turn).

http://jabyess.github.io/7x7/

$ git clone https://github.com/jabyess/7x7
$ cd 7x7

Then load up index.html in your favorite static webserver. If you don't have one:

$ npm install -g http-server
$ http-server .

• Levels
  • Number of squares that appear every turn should increase as levels progress
  • Every few levels (3 or 4), a new color is added
• Dynamic grid size??
• CSS / styling
• animations
• highlight valid move paths