Giters

thebrengun / connect-four

Simple Connect Four implementation in React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Connect Four

A simple Connect Four implementation in React. Demo

Demo Animation

Why

This repo served several purposes for me.

    1. Implement algorithm to find streaks on four axes
    1. Get more comfortable using TypeScript
    1. Get more comfortable using hooks in React
    1. Integrate testing using Jest into my everyday process

To Do

    1. Improve look and UX of gameplay with animations, descriptive text, and sound
    1. Improve a11y. An interesting challenge for this game especially
    1. Create computer player
    1. Make size of game board customizable via UI and make more than 2 players possible
    1. Split the game brain into separate package so this can be implemented in other frameworks

About

Simple Connect Four implementation in React

Languages

Language:JavaScript 53.3%Language:TypeScript 28.6%Language:HTML 9.1%Language:CSS 9.1%