TicTacToe

This is the Mapistry take home challenge. You will use this code base starter to finish building a client/server tic-tac-toe game. Further instructions can be found in the Frontend Challenge README.

Project structure

This project is built as a monorepo using yarn workspaces. It contains 3 packages:

1. client - The client and UI portion of the tic-tac-toe game
2. server - The server and AI portion of the tic-tac-toe game
3. shared - TypeScript types and constants that are shared between the client and server

Development environment

Monorepo root

$> yarn install

Client

$> yarn workspace @mapistry/take-home-challenge-client start

The UI should be accessible at http://localhost:3000

Server

$> yarn workspace @mapistry/take-home-challenge-server start

Linting

From the monorepo root

$> yarn lint

Typechecking

$> yarn typecheck

Testing

From the monorepo root

$> yarn test

Tooling used

Node

This project was built using the current LTS version of Node (lts/gallium)

TypeScript

This project was built with TypeScript

Package management

yarn v3 is the package manager for this code base. Since we're using node v16.13+ you may use Corepack to install yarn if you don't already have it installed.

Yarn Primer

• yarn install to install dependencies

Bundling

webpack to assist with transpiling and bundling both the client and server packages.

Code standards

Linting

ESLint and the Airbnb's linting rules with a few minor customizations.

Formatting

Prettier

Testing

Jest and React Testing Library