Tic Tac Toe

Project published in: https://julianesansil.github.io/tic-tac-toe/

Developed in ReactJS, based on SWORD Health repository.

Content

• Checklist
  • Requirements
  • Bonus Requirements
• Run locally
• Project dependencies

Checklist

Requirements

• Header
  • Fixed header during site navigation.
  • Background transparent after 150 pixels.
• Game section
  • Regular Tic Tac Toe.
  • Time counter per match.
  • Highlight victory line and tokens.
  • First player to win 5 matchs wins the game.
  • Congrats when one of the players reaches the needed amount to win the game.
  • Wins detected, players wins counter and wins history saved.
• Statistics section
  • Aggregated play time.
  • History of game winners.
  • Percentage of wins for each player, with feedback color on values (green, yellow, red).
• Profile section
• Footer

Bonus requirements

• Dynamic Tic Tac Toe grid
  • Different game grid sizes: 3x3, 6x6, 9x9.

Run locally

• Prerequisite: node/npm.
• In the project folder, run:
  • npm install or yarn to install the dependencies.
  • npm run start or yarn start to run the project.
• Open http://localhost:3000 to view it in the browser.

Project dependencies

• ESLint: https://eslint.org/
• Prettier: https://prettier.io/
• TypeScript: https://www.typescriptlang.org/
• Styled Components: https://www.styled-components.com/