Skip to content

Experience the classic game of Tic-Tac-Toe brought to life with interactive gameplay, TypeScript's type safety, and clean React components in this project.

Notifications You must be signed in to change notification settings

nawinsharma/Tik-Tak-Toe

Repository files navigation

Tic-Tac-Toe Game with React and TypeScript (Vite)

Welcome to the Tic-Tac-Toe Game project implemented using React, TypeScript, and Vite! This project provides a modern and efficient development environment for building a classic Tic-Tac-Toe game.

Features

  • Interactive Gameplay: Enjoy a two-player Tic-Tac-Toe game with a user-friendly interface.
  • TypeScript Type Safety: Benefit from TypeScript's static type checking to catch errors early in development.
  • Fast Development with Vite: Use Vite's fast development server for rapid iterations and instant feedback.
  • Responsive Design: The game is responsive and adapts to various screen sizes, including mobile devices.
  • Easy Setup: Get started quickly by cloning the repository and running a few simple commands.

image

Getting Started

Follow these steps to get the Tic-Tac-Toe game up and running on your local machine:

  1. Clone the repository to your local machine:
git clone https://github.com/nawinkumarsharma/tik-tak-toe

Now,

  1. Navigate to the project directory:
cd tic-tac-toe
  1. Install the project dependencies using either npm or yarn:
npm install
# or
yarn install
  1. Start the development server:
npm run dev
# or
yarn dev
  1. Open your web browser and navigate to http://localhost:3000 to play the game!

Usage

-Players can take turns by clicking on the game board to make their moves. -The game will automatically detect a win, loss, or draw and display the result. -To restart the game, click the "Restart" button.

Folder Structure

The project's folder structure is organized for maintainability and ease of development:

-src/: Contains the source code for the Tic-Tac-Toe game. -components/: Reusable React components. -App.tsx: The main application component. -public/: Static assets and the HTML template.

Contributing

Contributions are welcome! If you'd like to improve this project, feel free to open an issue or create a pull request.

Enjoy playing Tic-Tac-Toe with React, TypeScript, and Vite!

About

Experience the classic game of Tic-Tac-Toe brought to life with interactive gameplay, TypeScript's type safety, and clean React components in this project.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published