Tic Tac Toe

A classic Tic Tac Toe game developed with HTML, CSS, and JavaScript. The project focuses on practicing DOM manipulation, game logic, event handling, and responsive interface development without external libraries.

Demo

Features

• Interactive 3x3 game board
• Two-player mode (X vs O)
• Automatic turn switching
• Winner detection
• Draw detection
• Restart game functionality
• Responsive layout
• Clean and organized JavaScript logic

Technologies

• HTML5
• CSS3
• JavaScript (ES6)

Project Structure

tic-tac-toe/
│
├── assets/
│   ├── images/
│   └── fonts/
│
├── index.html
├── style.css
├── script.js
└── README.md

Learning Objectives

This project was created to practice concepts such as:

• DOM manipulation
• Event listeners
• Conditional logic
• Arrays
• Functions
• Game state management
• Responsive design
• CSS variables
• User interface development

How to Run

Clone the repository:

git clone https://github.com/rayssarrsilva/tic-tac-toe.git

Open the project folder:

cd tic-tac-toe

Then simply open the index.html file in your browser.

Author

Rayssa Roberta

• GitHub: https://github.com/rayssarrsilva

License

This project is available for educational purposes.

Figma ideas

https://www.figma.com/design/mqktcbiZLe3u38Oa2YIn0X/tictactoe?node-id=5-9&t=SExICa1gVaYFKw8f-1