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 Fullstack Challenge README.
This project is built as a monorepo using yarn workspaces. It contains 3 packages:
client- The client and UI portion of the tic-tac-toe gameserver- The server and AI portion of the tic-tac-toe gameshared- TypeScript types and constants that are shared between the client and server
We have built this project with the idea of minimizing setup time for candidates attempting to complete the challenge. In this process we have made a number of decisions regarding tooling that we think provide a robust, but easy to use development experience while giving you an idea of the type of development environment we use on a daily basis. Please feel free to modify the environment and tooling however you see fit.
$> yarn install$> yarn workspace @mapistry/take-home-challenge-client startThe UI should be accessible at
http://localhost:3000
$> yarn workspace @mapistry/take-home-challenge-server startFrom the monorepo root
$> yarn lintShould you chose to use typescript (again, that's optional, vanilla js is fine!). From the monorepo root
$> yarn typecheckFrom the monorepo root
$> yarn testThis project was built using the current LTS version of Node (lts/gallium)
This project was built with TypeScript because it is our language of choice. That being said, we encourage you to complete this project using your preference of JavaScript or TypeScript. We will not give any preferential treatment for choosing either language to complete the project.
We've chosen yarn v3 as 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.
It works similar to npm and many of the commands are similar
yarn installto install dependencies
We have chosen webpack to assist with transpiling and bundling both the client and server packages. This should allow you to see code changes in either package upon saving.
We're using ESLint and the Airbnb's linting rules with a few minor customizations.
We have chosen Prettier as a code formatter.
Jest and React Testing Library were chosen as the testing libraries for this project. You're free to add tests if they help you out in development.