#26Tic Tac Toe
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
useStatefor 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.
Tests
- renders board with 9 squares
- first click places an X and next move places an O
- cannot click on same square twice
- winner is declared when a line is completed
- after winner no more moves allowed
- allows going back and continuing the game from a previous point
- clear button resets the game