Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 1.36 KB

README.md

File metadata and controls

40 lines (25 loc) · 1.36 KB

Tic Tac Toe React

logo

This project was bootstrapped with Create React App and it follows the React tutorial but extends its functionality and design.

Made by Lorenzo Cella.

Basic Features

  • 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.

Extended features

  • 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.

screenshot of the tic tac toe app

How to start

In the project directory, you should run:

npm install

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.