Skip to content

Repository files navigation

🎮 TicTacToe

A colorful and interactive Tic-Tac-Toe game built with React.js featuring multiple game modes, AI opponents, statistics tracking, move history, undo functionality, hints, and beautiful animations.

Features

🎯 Core Gameplay

  • 3x3 Tic-Tac-Toe Board
  • Real-time Turn Tracking
  • Winner Detection
  • Draw Detection
  • Winning Line Highlight
  • Restart Game

🤖 Game Modes

  • Player vs Player
  • CPU Easy
  • CPU Medium
  • CPU Hard

📊 Statistics Dashboard

  • Total Games Played
  • X Wins
  • O Wins
  • Draws
  • Win Rates
  • Current Streak
  • Best Streak

🏆 Scoreboard

  • Live Score Tracking
  • Draw Counter
  • Persistent Scores

🧠 Smart Features

  • Hint System
  • Undo Move
  • Move History

🎉 Interactive Experience

  • Winner Modal
  • Confetti Celebration
  • Smooth Animations
  • Responsive Design

Tech Stack

  • React.js
  • Vite
  • Framer Motion
  • React Confetti
  • React Icons

Getting Started

npm install
npm run dev

Open the URL shown in the terminal (typically http://localhost:5173) to play.

Deploy on Render

Recommended: Static Site

Setting Value
Build Command npm install && npm run build
Publish Directory dist

Alternative: Web Service

Setting Value
Build Command npm install && npm run build
Start Command npm start

Push to GitHub and redeploy after merging these fixes.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages