Jogo da Velha (Tic Tac Toe)

Um jogo da velha interativo desenvolvido com HTML, CSS e JavaScript puro.

---

📋 Sobre o Projeto

Este projeto implementa um jogo da velha clássico com interface web responsiva, desenvolvido como parte de uma atividade de programação web. O jogo permite que dois jogadores joguem alternadamente usando os símbolos "X" e "O".

---

🎮 Funcionalidades

• Interface Intuitiva: Grade 3x3 com células clicáveis
• Jogabilidade Completa: Alternância automática entre jogadores X e O
• Detecção de Vitória: Verifica linhas horizontais, verticais e diagonais
• Detecção de Empate: Identifica quando todas as casas são preenchidas sem vencedor
• Reiniciar Jogo: Botão para resetar o tabuleiro e começar nova partida
• Mensagens de Status: Indicação do jogador atual e resultado do jogo
• Design Responsivo: Funciona em diferentes tamanhos de tela

---

🚀 Como Jogar

1. O primeiro jogador sempre joga com "X"
2. Clique em uma célula vazia para fazer sua jogada
3. Os jogadores alternam automaticamente
4. Vence quem conseguir três símbolos iguais em linha (horizontal, vertical ou diagonal)
5. Use o botão "Reiniciar Jogo" para começar uma nova partida

---

💻 Tecnologias Utilizadas

• HTML5: Estrutura da página
• CSS3: Estilização e responsividade
• JavaScript: Lógica do jogo e interatividade

---

📁 Estrutura do Projeto

jogo-da-velha/
├── index.html      # Estrutura HTML do jogo
├── style.css       # Estilos e layout
├── script.js       # Lógica do jogo
└── README.md       # Documentação

---

🎯 Requisitos Implementados

• ✅ Interface com grade 3x3 de células clicáveis
• ✅ Alternância automática entre jogadores X e O
• ✅ Verificação de vitória (horizontal, vertical, diagonal)
• ✅ Detecção de empate
• ✅ Botão de reiniciar jogo
• ✅ Mensagens de status do jogo
• ✅ Código separado em arquivos (HTML, CSS, JS)
• ✅ JavaScript puro (Vanilla JS)
• ✅ Design responsivo
• ✅ Código bem estruturado e comentado

---

🎨 Características Visuais

• Layout centralizado e responsivo
• Destaque visual para o jogador atual
• Animações suaves nas interações
• Cores contrastantes para melhor usabilidade
• Tipografia amigável e legível

---

📱 Responsividade

O jogo foi desenvolvido com design responsivo, adaptando-se automaticamente a diferentes tamanhos de tela, desde dispositivos móveis até desktops.

---

Desenvolvido durante o curso Academia Globotech da Ada em parceria com a Globo, com 💛 por @mayasrl