Play Tic-tac-toe in your browser.
I wrote this to learn React Hooks
This project was bootstrapped with Create React App.
- 4 difficulty modes HARD to EASY
- Game history with win percentage
- Sounds
HARD will try to block your wins the best it can and seize the center piece on first turn if available.
MEDIUM will play the HARD strategy 67% of the time and the last 33% will choose a random piece (simulating a careless player)
EASY #1 will predictably choose the first available square starting from the top left and going down by row
EASY #2 will predictably choose the first available square starting from the bottom right and going up by row
Records the winner of the game, what strategy you played against, and the rolling win percentage.
There are 6 sounds in the game for the following events:
- Hover - A recording of me clicking two drum sticks
- Play - Made with csound
- New Game - Made with csound
- Lose - Made with csound
- Draw - Made with csound
- Win - Made with csound using Scannd Synthesis
Everything is one file App.js and duplication is tolerated.
In the project directory, you can run:
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.
Deploys the app using (gh-pages)[https://github.com/tschaub/gh-pages]
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify