https://github.com/liciacodes/tic-tac-toe-game

A classic Tic Tac Toe game built as a web application. This interactive game allows two players to take turns marking X's and O's on a 4x4 grid. The app features a clean, user-friendly interface and implements the core rules of Tic Tac Toe, including win detection and draw conditions.
https://github.com/liciacodes/tic-tac-toe-game

Last synced: 10 days ago
JSON representation

A classic Tic Tac Toe game built as a web application. This interactive game allows two players to take turns marking X's and O's on a 4x4 grid. The app features a clean, user-friendly interface and implements the core rules of Tic Tac Toe, including win detection and draw conditions.

• Host: GitHub
• URL: https://github.com/liciacodes/tic-tac-toe-game
• Owner: Liciacodes
• Created: 2024-04-23T23:16:01.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-07-24T17:48:55.000Z (6 months ago)
• Last Synced: 2024-11-14T18:47:17.737Z (2 months ago)
• Language: JavaScript
• Homepage: https://connect-4-clone-4j2mrh8lv-liciacodes-projects.vercel.app/
• Size: 279 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic Tac Toe App

A classic Tic Tac Toe game built as a web application. This interactive game allows two players to take turns marking X's and O's on a 3x3 grid. The app features a clean, user-friendly interface and implements the core rules of Tic Tac Toe, including win detection and draw conditions.

Key Features:

- Responsive design for both desktop and mobile play

- Real-time game state updates

- Win and draw detection

- Option to restart the game at any time

- Player turn indicator

- Suggest Game

Technologies Used:

- HTML5

- CSS3

- JavaScript

- React

AI Assistant:

- Analyzes the current board state

- Suggests optimal moves for the current player

- Helps beginners learn winning strategies

This project demonstrates fundamental web development concepts, including state management, user interaction handling, and game logic implementation.

Initial State:

![Gameboard](https://github.com/user-attachments/assets/806238f9-2f82-48b1-97ae-0cb1c3b66d00)

Winning State:

![PlayerWins](https://github.com/user-attachments/assets/3ab90079-d321-436d-89a0-c7d08af121a7)

Draw State: 

![Draw State](https://github.com/user-attachments/assets/464206f0-9899-4fda-8dcf-1e5a3941129d)