# Tic Tac Toe

> Simple Tic Tac Toe game built with React following the **official React tutorial solution**.

- Difficulty: intermediate
- Tags: useState, game
- Estimated time: 60 minutes
- Tests: 8
- Requires subscription: no

## Overview

Simple Tic Tac Toe game built with React following the **official React tutorial solution**.


## Requirements

- Render a 3x3 board of squares.
- Players alternate turns: ❌ goes first, then 🔵.
- Clicking on a square marks it with the current player's symbol.
- Do not allow clicking on an already occupied square.
- Detect the winner and display it.
- Track the history of moves and allow jumping to previous moves.
- After jumping back, new moves should continue from that point.
- Include a **Clear** button to reset the board and history.


## Notes

- Use `useState` for managing the board state and move history.
- Make sure the **Clear** button resets both the board and the move history.
- After jumping back in history and making a new move, ensure future moves are discarded.
- Only `App.tsx` should be modified. `Components.tsx` is read-only.


## Tests

01. renders board with 9 squares
02. first click places an X and next move places an O
03. cannot click on same square twice
04. winner is declared when a line is completed
05. after winner no more moves allowed
06. allows going back and continuing the game from a previous point
07. declares a draw when the board is full with no winner
08. clear button resets the game