https://github.com/parambirs/react-tic-tac-toe
React tic-tac-toe tutorial (with solved exercises)
https://github.com/parambirs/react-tic-tac-toe
react react-typescript reactjs tic-tac-toe typescript
Last synced: about 2 months ago
JSON representation
React tic-tac-toe tutorial (with solved exercises)
- Host: GitHub
- URL: https://github.com/parambirs/react-tic-tac-toe
- Owner: parambirs
- Created: 2020-01-16T21:09:37.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T14:16:56.000Z (over 3 years ago)
- Last Synced: 2025-04-18T23:59:14.868Z (about 1 year ago)
- Topics: react, react-typescript, reactjs, tic-tac-toe, typescript
- Language: TypeScript
- Homepage: https://parambirs.github.io/react-tic-tac-toe/
- Size: 846 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-tic-tac-toe
[React tic-tac-toe tutorial](https://reactjs.org/tutorial/tutorial.html) implemented in TypeScript. It also includes the
code for the following challenges presented at the end of the tutorial:
- 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.
The code is compiled using [Parcel Bundler](https://parceljs.org/).
## See it in action
https://parambirs.github.io/react-tic-tac-toe/
## Running locally
```
npm run dev
```
## Building production version
```
npm run build
```