Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/seanoliver/connect-four-oo

Last synced: about 17 hours ago
JSON representation

Host: GitHub
URL: https://github.com/seanoliver/connect-four-oo
Owner: seanoliver
Created: 2023-02-23T19:44:28.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-02-24T08:14:15.000Z (almost 2 years ago)
Last Synced: 2025-01-10T21:23:53.745Z (14 days ago)
Language: JavaScript
Size: 1.24 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Object-Oriented Connect Four

![Connect Four](connect-four-midjourney.png "A dystopian game of Connect Four, imagined by Midjourney AI.")

*A dystopian game of Connect Four, imagined by Midjourney AI.*


This is a version of the classic Connect Four game rebuilt for the browser in HTML, CSS, and JavaScript using an object-oriented design paradigm.

## Key Features

- [x] Game switches between two players

- [x] Players can customize their names and piece colors

- [x] Correctly checks for 4 pieces in a row in all four possible directions after each turn is completed

- [x] Maintains an in-memory matrix array that mirrors the HTML table in the DOM

- [x] "New game" button to start and restart each game

## TODO

- [ ] Animations to show the piece falling down to its final destination

- [ ] CSS design refresh; consider a lightweight CSS framework

- [ ] Light/Dark mode

- [ ] Mobile responsive layout

- [ ] Create a ComputerPlayer to enable solo play

- [ ] Allow for more than two players

- [ ] Allow user to set the size of the board