E aí, meu 🐙! Você gosta de um bom jogo de cartas? Também é fã de Yu-Gi-Oh!? Então prepare-se para duelar, porque este repositório traz para o Frontend uma implementação interativa e funcional de um jogo de cartas Yu-Gi-Oh! ⚔️🐉

Este projeto foi desenvolvido com JavaScript puro, HTML e CSS, e sua base foi guiada pelo Professor Felipe Aguiar da DIO. Toda a estrutura inicial, os assets (fontes, música de fundo) e dicas valiosas de estruturação de código foram compartilhados por ele. Sou muito grata por aprender com quem se dedica tanto para trazer projetos únicos e nos inspirar. O resultado? Um código lindo que me deixou super orgulhosa! 😍

É uma demonstração robusta de como a lógica de jogo, a manipulação complexa do DOM e a criação de interfaces dinâmicas podem se unir para criar uma experiência de game no navegador.

Prepare-se para o duelo! Clique aqui para jogar o Yu-Gi-Oh! no seu navegador! Jogo de cartas Yu-Gi-Oh!

Fazer um projeto tão detalhado me fez encarar alguns erros no meio do caminho, mas nada que um Google e a IA do WhatsApp não fossem capazes de me explicar e ensinar a corrigir. Ah, nesse processo, aprendi a usar a IA Copiloto do VS Code para me ajudar a entender trechos do código e completar partes, tornando o projeto mais rápido e ajudando a identificar alguns erros que estavam impedindo o código de rodar. Aquela coisa, a mão na massa faz a gente sujar as mãos e todo o resto para aprender de verdade! Kkkkk

Essa experiência reforça que a combinação de estudo prático, busca ativa por soluções e o uso inteligente de ferramentas de IA são chaves para o desenvolvimento!

• Tabuleiro Interativo: Gerenciamento de cartas e jogadas no campo de batalha.
• Lógica de Duelo: Implementação das regras básicas do Yu-Gi-Oh!, incluindo ataque, defesa e cálculo de pontos de vida.
• Animações de Batalha: Efeitos visuais e sonoros para tornar os duelos mais emocionantes.
• Cartas Dinâmicas: Exibição de cartas com efeitos de mouseover e cliques para interatividade.
• Interatividade Completa: Botões para iniciar novos duelos e exibir resultados.
• Interface Atraente: Estilização moderna e imersiva que remete ao universo Yu-Gi-Oh!.
• JavaScript Puro: Demonstração avançada do poder do JS para construir sistemas complexos.
• HTML Semântico e CSS Estilizado: Estrutura bem definida e um visual caprichado.

• HTML5: Estrutura semântica do tabuleiro, cartas e elementos do jogo.
• CSS3: Estilização do layout, cartas, botões, animações de batalha, efeitos visuais e responsividade.
• JavaScript (ES6+): Lógica completa do jogo, manipulação do DOM para interatividade, gerenciamento de estado e dinâmicas de jogo.
• Áudio e Vídeo: Para uma experiência imersiva com música de fundo e efeitos sonoros.
• Ferramentas de IA: Utilização do Copiloto do VS Code e IA do WhatsApp para depuração e aprendizado.

1. Clone este repositório:

   git clone [https://github.com/miriaamaral/JS-Jogo-YuGiOh.git](https://github.com/miriaamaral/JS-Jogo-YuGiOh.git)

2. Entre na pasta do projeto:

   cd JS-Jogo-YuGiOh

3. Abra o arquivo index.html no seu navegador.
   • Para uma experiência de desenvolvimento local mais robusta (com live-reload), considere usar a extensão "Live Server" no VS Code.

Sinta-se à vontade para explorar o código, sugerir novas features (como mais cartas, outros tipos de monstros, efeitos de feitiço!), otimizações ou correções de bugs! Toda contribuição é bem-vinda e apreciada! ✨

Para contribuir:

1. Faça um fork deste repositório.
2. Crie uma nova branch para sua feature (git checkout -b feature/minha-feature).
3. Faça suas alterações e commit as mudanças (git commit -m 'feat: minha nova feature').
4. Envie para sua branch (git push origin feature/minha-feature).
5. Abra um Pull Request detalhando suas alterações.

Vamos juntos nessa jornada de aprendizado e diversão! 🚀💻

Este projeto está sob a licença MIT.

Gostou do duelo, tem ideias para o jogo, ou quer trocar uma ideia sobre JavaScript, Frontend e Yu-Gi-Oh!? Ficarei super feliz!

• Plataforma de Estudos (DIO): https://www.dio.me/sign-up?ref=6F1F401485F9459BA6AC879FEA95D1B5

Vamos juntos construir o futuro da tecnologia! ✨