https://github.com/dpashutskii/react-tutorial-tic-tac-toe

Tic Tac Toe game by React tutorial with advanced features
https://github.com/dpashutskii/react-tutorial-tic-tac-toe

hacktoberfest javascript react react-tutorial

Last synced: about 1 year ago
JSON representation

Tic Tac Toe game by React tutorial with advanced features

• Host: GitHub
• URL: https://github.com/dpashutskii/react-tutorial-tic-tac-toe
• Owner: dpashutskii
• Created: 2018-02-26T18:57:33.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:43:19.000Z (over 3 years ago)
• Last Synced: 2025-05-07T11:58:08.045Z (about 1 year ago)
• Topics: hacktoberfest, javascript, react, react-tutorial
• Language: JavaScript
• Homepage: https://reactjs.org/tutorial/tutorial.html
• Size: 2.36 MB
• Stars: 41
• Watchers: 1
• Forks: 36
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tic Tac Toe game by React tutorial

[Tutorial link](https://reactjs.org/tutorial/tutorial.html)

Usage:

`yarn`

`yarn start`

---

Advanced features:

* :white_check_mark: Done. Display the location for each move in the format (col, row) in the move history list.

* :white_check_mark: Done. Bold the currently selected item in the move list.

* :white_check_mark: Done. Rewrite Board to use two loops to make the squares instead of hardcoding them.

* :white_check_mark: Done. Add a toggle button that lets you sort the moves in either ascending or descending order.

* :white_check_mark: Done. When someone wins, highlight the three squares that caused the win.

* :white_check_mark: Done. When no one wins, display a message about the result being a draw.

* :white_check_mark: Done. Add the button to re-start the game.