This Tic-Tac-Toe Web Application is a simple, fun, and interactive game built with React.js and styled using Tailwind CSS. The game allows two players to compete in a classic 3x3 grid, taking turns to place their respective marks, X or O. The app offers a clean interface, intuitive gameplay, and real-time status updates.
- Responsive Design: Optimized for various screen sizes to ensure a smooth experience on desktops, tablets, and mobile devices.
- Dynamic Game Logic: The app keeps track of player turns, determines the winner, or detects a draw.
- Status Messages: Displays dynamic messages indicating the next player or announcing the winner or draw.
- Reset Functionality: A reset button allows players to restart the game at any point.
- Stylish UI: A modern interface with attractive background gradients and well-designed icons for X and O.
- Frontend: React.js
- Styling: Tailwind CSS
Check out the live demo of the application here: Tic-Tac-Toe Web App
To get started with this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/nil-official/SCT_WD_3.git cd SCT_WD_3 - Install the required dependencies:
npm i
- Start the development server:
npm run dev
- Open your browser and navigate to http://localhost:5173 to start playing the game.
