Tic Tac Toe with ReactJS, Vite, and Tailwind CSS

This project is a responsive Tic Tac Toe game built with ReactJS, leveraging the power of Vite for a fast development experience and Tailwind CSS for a clean and customizable design.

It offers two game modes:

Player vs. Player: Challenge a friend and see who dominates the board.
Player vs. AI: Test your skills against a computer opponent and see if you can outsmart the machine!

Features:

Modern Tech Stack: Leverages React for a dynamic user experience, Vite for a blazing-fast development environment, and Tailwind CSS for clean and customizable styling.
Intuitive Gameplay: Simple and user-friendly interface makes it easy to learn and play.
Responsive Design: Plays seamlessly on any device, desktop or mobile.
Visually Appealing: Tailwind CSS ensures a modern and engaging design.

Demo

tic-tac-toe-game.mp4

Project Components:

Home
Board
Square
SlidingTab

Tech Stack

ReactJS: JavaScript library for building user interfaces.

Vite: Build tool for optimizing development and production builds.

Tailwind CSS: Utility-first CSS framework for rapid styling.

Installation

1. Clone the Repository:

  git clone https://github.com/pawantech12/SCT-WD-3.git

2. Navigate to Directory:

  cd SCT-WD-3-master

3. Install Dependencies:

  npm install or npm i
  (or `yarn install` if you prefer Yarn)

4. Start the development server:

  npm run dev
``` (or `yarn dev`)
This will usually start the server on http://localhost:5173 by default.

Customization:

The website uses Tailwind CSS for styling. You can customize the styles by modifying the tailwind.config.js file or adding custom CSS in the src/styles directory.

Deployment

This project is currently deployed to Vercel. You can access the live demo at the following URL:

Live Demo