Tic Tac Toe - Simple Game

A classic Tic Tac Toe game built with modern web technologies, including Next.js 15, ShadCN, and Tailwind CSS. This project showcases a clean and responsive user interface, seamless animations, and optimized performance for an engaging gameplay experience.

🖥️ Features

• Interactive Gameplay: Play Tic Tac Toe with a sleek and minimalistic design.
• Responsive Design: Optimized for mobile, tablet, and desktop.
• Modern UI: Styled with ShadCN and Tailwind CSS for smooth transitions and an aesthetic look.
• Developer-Friendly: A clean codebase with reusable components for easy scalability.

🚀 Technologies Used

• Next.js 15: A React framework for building fast and scalable web applications.
• ShadCN: Component library for beautiful and accessible UI components.
• Tailwind CSS: A utility-first CSS framework for custom styling.

📦 Installation

Follow these steps to run the project locally:

1. Clone the repository:

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

2. Install dependencies:

   pnpm install

3. Run the development server:

   pnpm run dev

🛠️ Usage

• Select two players to start the game.
• Alternate turns to mark X or O on the grid.
• The first player to align three marks horizontally, vertically, or diagonally wins.
• Click "Reset" to start a new game.

📂 Project Structure

tic-tac-toe/
  ├── public/
  ├── app/
      ├── components/
      ├── favicon.ico
      ├── globals.css
      ├── layout.tsx
      └── page.tsx
  ├── components/ui/
  ├── lib/
  ├── .eslintrc.json
  ├── components.json
  ├── next.config.ts
  ├── pnpm-lock.yaml
  ├── postcss.config.mjs
  ├── package.json
  ├── tsconfig.json
  ├── README.md
  ├── tailwind.config.ts
  └── types.ts

💡Ideas for Improvement

• Add AI for single-player mode.
• Include themes for customization (dark mode, light mode).
• Save game history for previous sessions.

🤝 Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to create an issue or submit a pull request.

1. Fork the repository

2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes

4. Commit your changes:

   git commit -m '<type>[optional scope]: <description>'

5. Push to the branch:

   git push origin feature/your-feature-name

6. Open a pull request

📝 License

Caution

This project is licensed under the MIT License. See the LICENSE file for details.