Basic-TicTacToe icon indicating copy to clipboard operation
Basic-TicTacToe copied to clipboard

Created a Tic Tac Toe with TypeScript library. Have multiple Interaction with fun tools & options :)

Basic TicTacToe REACT.JS

I Make a "TicTacToe MINI GAME" with these technologies:

Languages and Tools:

css3 html5 javascript react typescript

List of components for this project:

  • [x] Routes Page
  • [x] Start Page, include: NewGame - Setting - Share
  • [x] Share button: copy url
  • [ ] AI interaction player
  • [x] Multiplayer interaction player
  • [x] Go back btn for pages routes & components
  • [x] Sound effect for movement :)
  • [x] LocalStorage for DarkMode/LiteMode & Custome Special Board
  • [x] Responsive For Mobile
  • [x] PWA - Web Application
  • [ ] Multiple language
  • [x] Error 404 page
  • [x] Custom .gif for winning or some movement. ex: confetti gif 🎊
  • [ ] input custom Name for users
  • [ ] Custom type of game. ex: play with bot/cpu OR two players/ friendly
  • [ ] Watch history of game.
  • [ ] Random name for bot/cpu OR selecte custom name for bot
  • [ ] Navbar

Screenshots

Demo

Check Demo DEMO

Run

npm i && npm start