Skip to content

Moamal-2000/tic-tac-toe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

901 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tic Tac Toe Website Preview

Advanced Tic Tac Toe

A modern twist on the classic Tic Tac Toe game, now with customizable board sizes (up to 5x5) and powerful game-changing Power-Ups like Freeze, Bomb, and Swap. Built with a focus on accessibility, responsiveness, and interactive fun! Play Now

Features

  • Classic Tic Tac Toe gameplay with advanced rules
  • Supports 3x3 to 5x5 boards
  • Power-Ups to spice up the strategy:
    • Freeze: Blocks a square permanently
    • Bomb: Destroys an area of 9 tiles
    • Swap: Exchange your symbol with an opponent’s
  • Auto Hide mode: symbols disappear after a set number of turns, dynamically based on board size
  • Local multiplayer support for playing with a friend on the same device
  • Play against a computer-controlled opponent locally
  • Online multiplayer support for playing with friends (requires the workspace to remain open to keep the server active due to hosting limitations)
  • Sound effects for player actions and power-ups
  • Fully responsive and mobile-friendly
  • Accessible with keyboard and screen reader support
  • Built as a Progressive Web App (PWA)
  • Offline support and fast loading

Tech Stack

Front-End

  • Next.js v15 (React framework)
  • React v19 & React DOM
  • PWA (Progressive Web App)
  • SASS with CSS Modules for styling
  • Socket.IO Client v4 for real-time communication with the server
  • Zustand v5 for state management
  • npm-check-updates for easy dependency updates

Back-End

  • Node.js with ES Modules
  • Express v5 for HTTP server
  • Socket.IO v4 for real-time WebSocket communication
  • CORS middleware for cross-origin requests
  • dotenv for environment variable management
  • nodemon for automatic server restarts during development

Installation

git clone [email protected]:Moamal-2000/tic-tac-toe.git
cd tic-tac-toe
npm install
npm run dev

Installation on Devices As An App

Click the Install button inside the app to add it to your device's home screen or applications list. Works on supported browsers.


Credits

Developed by Moamal Alaa Karem Design inspired by classic games with a modern UX approach.


License

This project is licensed under a proprietary license. All rights are reserved. Unauthorized copying, modification, distribution, or commercial use is strictly prohibited.


Future Enhancements

  • Online multiplayer modeDone
  • Play with Computer modeDone
  • Additional power-ups and visual themes

Note: These enhancements are under consideration and not confirmed 100%.


Releases

No releases published

Packages

 
 
 

Contributors

Languages