🕹️ Tic Tac Toe – ReactJS Project

A simple and interactive Tic Tac Toe game built with ReactJS, designed for learning and practicing key concepts like state management, component reusability, and event handling.

🎯 Overview

This project recreates the classic Tic Tac Toe (X-O) game using React functional components and hooks. It helps you understand how React updates the UI dynamically in response to user actions.

The game automatically detects wins, draws, and allows restarting.

🧩 Features

🎮 Two-player local gameplay (X vs O)

⚡ Real-time game state updates

🧠 Automatic win/draw detection

🔁 Reset & start a new game instantly

🔍 Clean component structure for learning React basics

🛠️ Tech Stack

Frontend: ReactJS (Vite or CRA)

Language: JavaScript (ES6+)

Styling: CSS

🚀 How to Run

Clone repository

git clone https://github.com/dev000000/tic-tac-toe-react.git

Navigate to folder

cd tic-tac-toe-react

Install dependencies

npm install

Start development server

npm run dev

📘 Learning Goals

This project is built for practicing:

React Hooks (useState, useEffect)

Component composition

Conditional rendering

State lifting and prop drilling

UI feedback and game logic separation