Frontend React challenge

Introduction

We would like you to implement a web page, regarding the wireframes provided on the "specs" folder and the svg assets in the "assets" folder, with a tic-tac-toe game. Feel free to add the dependencies you might need to the project and structure it as you wish, so it's perfectly fine if you create it with create-react-app.

The layout should be responsive but you'll only need to guarantee the game's correct behaviour in desktop. Feel also free to create your own (or bootstrap based) color scheme and design.

The only mandatory tech requirement is the usage of React >= 17.

This repo should be cloned and your final work should be submitted as a pull request.

Game main requirements:

• Game board/ grid;
• Number of victories by player;
• Count time per game;
• Page shows congratulations when players win;

---

Game rules/ interactions:

• First player to reach 5 victories wins;
• Detect victories;
• Highlight victory line and tokens;

---

Bonus features - Game stats

Option 1:

• Percentage of wins for each player;
• Total play time;

Option 2:

• Played games counter;
• History of game winners;
• Total play time;

Bonus features - Extending the game

• Have the ability to switch between 3x3, 6x6 and 9x9 grid with the same game requirements fulfilled;

Bonus features - Testing

• Implement a full set of unit tests to assert the game's correct behaviour;