Knots and crosses

Yet another attempt to a game with many names but the same goal

Goals

1. Presents as a ReactJS application that will have an initial page to input players' names and a button to start the game
2. Presents the game board UI with some simple, CSS/sass layout (X - red, O - blue)
3. Stores current positions in the local state, making use of useState()
4. Stores history of all games using global state useContext()
5. Uses React Router to create navigation from game board to scoreboard and vice-versa
6. Checks history when playing a new game. If the same players have played before, defines the previous winner as Player 1 (as convention X - should start the game) for the next round.
7. Provides README.md file with the steps to run the app (present document).

Disclaimer

Some combination of both research on theory of the game and general technical documentation lookup for setting up an environment was done or was ongoing during the development of this application

Install

npm install

Run

npm run start

Build

npm run build

Deploy path (optional)

Create .env file and define deploy path for an environment in case you deploy in server's subdirectory

DEPLOY=TRUE
NEXT_PUBLIC_INSTALL_PATH=/tictactoe

Remote play

To enable remote play a server must be running. Refer to https://github.com/iljakumlander/tictactoe-remote for server code.

Modyfy .env to set server configuration:

NEXT_PUBLIC_REMOTE=http://localhost:5000/
NEXT_PUBLIC_REMOTE_SECURE=TRUE
NEXT_PUBLIC_REMOTE_TRANSPORTS=websocket

Version Log

0.0.8

Remote module upgraded and if remote server is available, game mode present.

0.0.7

Remote mode! Experimental multiplayer is on production testing stage

0.0.6

Game modes for 1 or 2 players

0.0.5

Artificial intelligence for single player game, style tweaks

0.0.4

Scoreboard and visal tweaking

0.0.3

Game input and styling tweaks, installation instructions

0.0.2

Prompting names, keeping scores and game logic set

0.0.1

Game components set, winning conditions installed, data persist configured

0.0.0

Development environment with deployable build set on Next 13 and React 18