Ben 10 - Seleção de Cards de Alienígenas 👦⌚💥👽

Este projeto é uma recriação do universo Ben 10, inspirado nos incríveis alienígenas e nas aventuras de Ben Tennyson. Desenvolvido com HTML 🧱, CSS 🎨 e JavaScript ⚙️, ele traz à vida algumas das transformações e elementos visuais que definem essa série icônica. Este projeto faz parte do desafio da comunidade @Dev Em Dobro e da Guild Dev Em Dobro , na semana da Mapa Dev Week.

---

🗂️ Índice

• 🎯 Objetivo do Projeto
• 🛠️ Tecnologias Utilizadas
• 📂 Estrutura do Projeto
• 📄 Descrição dos Arquivos
• 🌟 Funcionalidades
• 🎨 Capturas de Tela
• 🚀 Como Usar
• 🌐 Links Úteis
• 🔍 Testes
• 📜 Licença
• 🙏 Agradecimentos
• 🚧 Melhorias Futuras

---

🎯 Objetivo do Projeto

Reviver a emoção do universo Ben 10, oferecendo uma maneira interativa de explorar e transformar-se nos diferentes alienígenas que Ben Tennyson encontra em suas aventuras.

---

🛠️ Tecnologias Utilizadas

• HTML 🧱: Estrutura o conteúdo do projeto.
• CSS 🎨: Responsável pela estilização e apresentação visual.
• JavaScript ⚙️: Adiciona interatividade e funcionalidades dinâmicas.

---

📂 Estrutura do Projeto

├── src
│   ├── css
│   │   ├── guia-personagens.css
│   │   ├── index.css
│   │   ├── jogo.css
│   │   ├── menu.css
│   │   └── sobre.css
│   ├── fonts
│   │   └── fonts.css
│   ├── imagens
│   │   ├── aliens
│   │   │   ├── quatro-braços.jpg
│   │   │   ├── mutante.jpg
│   │   │   └── eco.jpg
│   │   ├── cards
│   │   │   ├── card1.jpg
│   │   │   └── card2.jpg
│   │   ├── jogo
│   │   │   ├── ben10.jpg
│   │   │   └── transformacao.jpg
│   │   ├── setas
│   │   │   └── seta.jpg
│   │   ├── omntrix
│   │   │   └── omnitrix.jpg
│   │   └── wallpaper
│   │       └── ben10-wallpaper.jpg
│   ├── js
│   │   ├── guia-personagens.js
│   │   ├── index.js
│   │   ├── jogo.js
│   │   ├── menu.js
│   │   └── sobre.js
│   └── sounds
│       └── omnitrix.mp3
├── html
│   ├── guia-personagens.html
│   ├── index.html
│   ├── jogo.html
│   ├── menu.html
│   └── sobre.html
└── README.md

🌟 Dica: Confira a seção Descrição dos Arquivos para mais detalhes.

---

📄 Descrição dos Arquivos

• guia-personagens.css: Estilos específicos para a página dos personagens e suas interações.
• index.css: Estilos gerais para a página principal.
• jogo.css: Estilos relacionados ao jogo e ao comportamento dos alienígenas.
• menu.css: Estilos para a página de navegação do menu.
• sobre.css: Estilos para a página sobre o projeto e os personagens.
• fonts.css: Arquivo com estilos de fontes utilizadas no projeto.
• guia-personagens.js: Lógica JavaScript para interações da página de seleção de personagens.
• index.js: Funcionalidades gerais da página inicial.
• jogo.js: Lógica de transformação dos alienígenas e jogabilidade.
• menu.js: Lógica para navegação e interatividade no menu.
• sobre.js: Funcionalidades para a página de informações sobre o projeto.
• omnitrix.mp3: Efeitos sonoros do Omnitrix.
• imagens/: Pasta com imagens de alienígenas, cartas, cenas do jogo, setas, e o Omnitrix.
• html/: Contém os arquivos HTML das diferentes páginas.

---

🌟 Funcionalidades

• Seleção de Alienígenas: Explore alienígenas como Quatro Braços, Mutante, Eco e mais.
• Transformações Interativas: Efeitos visuais e sonoros com cada transformação.
• Jogo Interativo: Teste habilidades com desafios temáticos.
• Interface Responsiva: Compatível com dispositivos móveis e desktops.

---

🎨 Capturas de Tela

Abaixo estão algumas capturas de tela que mostram a interface vibrante de inspiração da Semana Mapa Dev Week e do meu projeto de Ben 10:

---

🚀 Como Usar

1. Clone o repositório 🖥️:

   git clone https://github.com/seunome/ben10-selecao-de-alienigenas.git

2. Navegue até o projeto 📂:

   cd ben10-selecao-de-alienigenas

3. Abra o arquivo index.html 🌐:
   Visualize o projeto diretamente no navegador!

---

🌐 Links Úteis

• 🌟 Visualizar o Projeto: Ben 10 - Seleção de Alienígenas
• 📂 Repositório no GitHub: paulaPSOx/ben-10

---

🔍 Testes

1. Carregamento de Arquivos ⚡: Verifique se as páginas carregam corretamente.
2. Interatividade 🎮: Explore as funcionalidades e animações.
3. Responsividade 📱: Teste em diferentes dispositivos para garantir a fluidez.

---

📜 Licença

Este projeto é licenciado sob a MIT License 📝. Confira LICENSE para detalhes.

---

🙏 Agradecimentos

Agradeço à comunidade @Dev Em Dobro e à Guild Dev Em Dobro 🛡️ pelo apoio durante o desenvolvimento deste projeto na Mapa Dev Week 🗺️🚀.

---

🚧 Melhorias Futuras

• 🌌 Novos Alienígenas: Adicionar mais opções e habilidades.
• 🎨 Aprimoramento Visual: Animações e transições mais fluidas.
• 📱 Acessibilidade: Melhorar a navegação em dispositivos móveis.

---

Espero que você curta explorar o universo Ben 10! 👦⌚👽✨