/react-tic-tac-toe

Learning React like a baby

Primary LanguageJavaScript

react-tic-tac-toe

Made while taking my first steps with React and Webpack following https://reactjs.org/tutorial/tutorial.html. The code is not 100% the same, some parts were done by following the final result instead of reading the steps.

Tutorial extra challenges:

  • Display the location for each move in the format (col, row) in the move history list.
  • Bold the currently selected item in the move list.
  • Rewrite Board to use two loops to make the squares instead of hardcoding them.
  • Add a toggle button that lets you sort the moves in either ascending or descending order.
  • When someone wins, highlight the three squares that caused the win.
  • When no one wins, display a message about the result being a draw.