Connect 4 banner

Connect 4

Created by: Sadiya
6 devlogs
1h 44m 41s

This is a simple browser-based connect 4 game where players can take turns dropping colorled discs into columns, and the game detects wins, draws and updates scores each time there is a winner for that round.

Demo Repository

README

Loading README...
Sadiya
Sadiya shipped Connect 4
about 1 month ago

Shipped this project!

Hours: 1.74
Cookies: 🍪 3
Multiplier: 1.58 cookies/hr

I built a simple browser game called Connect 4, where two players would take turns filling in the slots to get either 4 in a row, column, up, down or diagonal to win.

Sadiya
Sadiya worked on Connect 4
about 2 months ago
0h 15m logged

What I did?

  • Finished writing the readme
  • Created a demo link
  • Added a banner
  • Added a description
  • Ready to ship
Attachment
1

Comments

Sadiya
Sadiya about 2 months ago

I will ship when voting is open

Sadiya
Sadiya worked on Connect 4
about 2 months ago

Fixed a bug and now the game is fully working

0
Sadiya
Sadiya worked on Connect 4
about 2 months ago
0h 21m logged

What I did?

  • check if there is a winner
  • check if game is over
  • delete game
  • set score on the scoreboard
    The game is not fully working until I debug some stuff
0
Sadiya
Sadiya worked on Connect 4
about 2 months ago
0h 32m logged

There is not much to see yet but what I did was styled the slots, added hover effects on the red and yellow, created the columns and slot and made the slots clickable.

0
Sadiya
Sadiya worked on Connect 4
about 2 months ago
0h 17m logged

I changed up the layout a little because I wanted to add a opening page before the game.
What I added?

  • a play button inside the game
  • a scoreboard
  • used Flexbox for layout and alignment
  • created a game container 420x420
  • styled the border
0
Sadiya
Sadiya worked on Connect 4
about 2 months ago
0h 17m logged

What I did in code?

  • set up a 6x7 game board
  • define/created variables

This is how it currently looks

Attachment
0