fedexu / tic-tac-toe

Tic-Tac-Toe with React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tic-Tac-Toe with React

The project

This project is a following guide of the React tutorial wrote with typescript ( https://reactjs.org/tutorial/tutorial.html )

Features

We have created a tic-tac-toe game that:

  • Lets you play tic-tac-toe,
  • Indicates when a player has won the game,
  • Stores a game’s history as a game progresses,
  • Allows players to review a game’s history and see previous versions of a game’s board.

TODO improvements

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

About

Tic-Tac-Toe with React

License:MIT License


Languages

Language:TypeScript 58.1%Language:SCSS 29.1%Language:HTML 8.8%Language:CSS 4.0%