A simple, interactive Tic Tac Toe game built using NEXT , JavaScript and CSS. Play with a friend on the same device and enjoy the classic 3x3 grid game!
- Two players take turns placing X and O on a 3x3 grid.
- The first player to align three symbols in a row, column, or diagonal wins.
- If all cells are filled without a winner, the game ends in a draw.
- A "Restart" button lets you reset the game anytime.
your-nextjs-app/
├── .next/
├── node_modules/
├── public/
│ └── favicon.ico
├── src/
│ └── app/
│ ├── components/
│ │ ├── GameBoard.js
│ │ ├── Log.js
│ │ ├── Player.js
│ │ └── WinnerModal.js
│ ├── lib/
│ │ └── helper.js
│ ├── game.css
│ ├── globals.css
│ ├── layout.js
│ └── page.js
├── .gitignore
├── eslint.config.mjs
├── jsconfig.json
├── next.config.js
├── package.json
├── package-lock.json
├── postcss.config.mjs
└── README.md
- Clone the repo
- Run npm install
- Run npm run dev to start the app
- Simple and intuitive interface
- Playable on desktop and mobile browsers
- Instant win/draw detection
- Reset functionality
- React
- JavaScript
- CSS
- Add a single-player mode with AI
- Add animation and sound effects
- Track player scores
- Make it multiplayer over network
Feel free to fork this project, make enhancements, and open pull requests!