/tic-tac-toe

A simple, interactive Tic-Tac-Toe game built with Next.js, React, and TypeScript.

Primary LanguageTypeScript

Tic-Tac-Toe Game

This is a simple, interactive Tic-Tac-Toe game built with Next.js, React, and TypeScript. The game allows two players to play Tic-Tac-Toe in the browser.

Features

This Tic-Tac-Toe game includes the following features:

  • Interactive Gameplay: The game allows two players to play Tic-Tac-Toe interactively in the browser.
  • Visual Effects: The game includes visual effects like typewriter animation for the game title and dynamic underlines.
  • Game Status Updates: The game displays the current player and updates this information as the game progresses.
  • Game Over Detection: The game detects when the game is over and displays a message to the user.
  • Game Reset: The game allows the user to reset the game at any time.

Table of Contents

Installation

To install the project, follow these steps:

  1. Clone the repository: git clone https://github.com/yourusername/tic-tac-toe.git
  2. Install the dependencies: npm install

Usage

To run the project, use the following command: npm run dev

This will start the development server. Open http://localhost:3000 with your browser to see the result. The page auto-updates as you edit the file.

Project Structure

The main files and directories in this project are:

  • pages/index.tsx: The main page of the application, which includes the Tic-Tac-Toe game.
  • pages/api/hello.ts: An example API route.
  • styles/: Contains global styles and font definitions.
  • public/: Contains static files like images.

APIs

This project includes a sample API route at pages/api/hello.ts. You can add your own API routes in the pages/api directory.

Contributing

Contributions are welcome! Please read the contributing guidelines before getting started.

License

This project is licensed under the terms of the MIT License.