Modern Tic-Tac-Toe Game

A modern implementation of the classic Tic-Tac-Toe game built with React, TypeScript, and Vite. Features a clean, responsive design with dark/light theme support.

Features

• 🎮 Classic Tic-Tac-Toe gameplay
• 🌓 Dark/Light theme toggle
• 🎨 Modern, responsive UI
• ⚡ Built with React + TypeScript
• 🎯 Win detection
• 🔄 Game reset functionality
• 💫 Smooth animations and transitions

Tech Stack

• React 18+
• TypeScript 5+
• Vite 4+
• CSS Modules

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js v16 or higher
• npm v8 or higher or yarn v1.22+
• Git (for version control)

To check your installed versions, run:

node --version
npm --version
git --version

Installation

Follow these steps to set up the project locally:

Clone the repository:

git clone https://github.com/yourusername/tic-tac-toe.git
cd tic-tac-toe

Install dependencies:

Using npm:

npm install
Or using yarn:

yarn

Configure environment variables (if needed):

Create a .env file in the root directory:

touch .env

Add any required environment variables (the project may work without any by default).

Running the Development Server To start the development server, run:

npm run dev

# or
yarn dev

This will start the Vite development server. You should see output similar to:

  VITE v4.4.9  ready in 456 ms

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose Open http://localhost:5173 in your browser to view the application.