Connections banner

Connections

7 devlogs
7h 7m 46s

I love making puzzles, I also love programming. So I combined them!

This is the famous puzzle game Connections. But a bit worse.

Was origninally ment to be in Swedish but I scrapped that, so thats why the devlogs have a Swedish dictionary.

This project uses AI

Copilot inline suggestions. Replacement for Googling sometimes. Used Claude for help with animations.

Demo Repository

Loading README...

erik

Shipped this project!

This is the famous puzzle game Connections. But a bit worse.

The game plays like this: There are 16 words and you must group them into 4 groups of 4 that share a hidden connection. Select 4 words and hit guess. If your guess is correct the group is revealed. If it’s wrong you lose a life. You have 4 lives.

erik

Finished up the project. Made all the buttons styled and functioning. Disables them when not available etc.

Added animations with the help of AI.

Attachment
0
erik

Fixed spacing issues when playing and replicated the original games look.

Attachment
0
erik

Haven’t added shuffle yet because I realized I needed to change the way I sorted. Well needed is a strong word but I wanted it good. So sorting is good now!
Improved CSS, not done yet.

Attachment
0
erik

Added multiple colors.
Added sorting. (Note: The past pic didn’t have sorting, just refreched till I got there. (Note in note: That reminded me of the next feature I need to add, shuffle.)

Attachment
0
erik

Added deselect all button.
Fixed logical bug where solving didn’t work. Sleepy me compared the word (string) with the element of the button (instead of the elemetents text). Thats one way to waste 30 minutes.

Attachment
0
erik

Did some small temporary styling.
Added Selection.
Added Guesses and Solving.

Attachment
0
erik

Made the foundation of the game.

Adding the buttons with words from an array of objects, shuffling of the words etc.

Edit 4 hours later: The shuffle mentioned here isn’t during gameplay, only initially at the start.

Attachment
0