pluseg/tictactoe-game

Written on React/Redux.

TicTacToe Game

Written on React/Redux.

Install / Rebuild after changing deps list (package.json/yarn.lock)

1. Docker-compose: docker-compose build.
2. Locally: yarn install. Yarn version should be <2.0.

Run

1. Docker-compose: docker-compose up -d. And docker-compose stop to stop it.
2. Locally: yarn start. Yarn version should be <2.0.

Todos

1. Update layout of to support random field size, not 3 only. (Use css grid and flex.)
2. Improve Thunk usage into gameSlice — read https://redux-toolkit.js.org/tutorials/advanced-tutorial#thinking-in-thunks
3. Update logic of processMove invoking — now reducers are been calling even after a game finishes.
4. Write some tests with Redux Toolkit!
5. Try to use Saga instead of Thunk.
6. Improve logic of displaying different game steps/states in .
7. Implement calculation result logic for case with SIZE != 3 plus add an input for getting SIZE from user.
8. Learn and use PropTypes in the project.
9. Add eslint && prettier
10. Add docker-compose support to avoid yarn version incompatibility.
11. Use styled-components.
12. Implement code splitting practices.
13. Implement adaptive + responsive markup.
14. Rewrite with Typescript.