Skip to content

looer/tic-tac-toe-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Tic Tac Toe created in React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published