Marvel Character Selection

Este projeto é uma aplicação web interativa que permite aos usuários selecionar personagens do universo Marvel. O objetivo é oferecer uma experiência de seleção simples e visualmente atraente, onde os usuários podem visualizar personagens e suas informações de maneira intuitiva.

Tecnologias Utilizadas

HTML5: Estrutura básica da página web.
CSS3: Estilização da aplicação, incluindo animações e responsividade.
JavaScript: Interatividade da aplicação, permitindo a seleção de personagens e atualização da interface.

Estrutura do Projeto

index.html: O arquivo principal que contém a estrutura da aplicação.
src/css/: Diretório que contém os arquivos CSS para estilização.
- reset.css: Estilos de redefinição para garantir consistência entre os navegadores.
- variables.css: Variáveis CSS para cores, fontes, e outros estilos reutilizáveis.
- estilos-animacoes.css: Estilos para animações aplicadas aos elementos da interface.
- fonts.css: Importação de fontes personalizadas utilizadas no design da aplicação.
- style.css: Estilos principais da aplicação, incluindo layout e design visual.
- responsive.css: Estilos responsivos para garantir uma boa experiência em diferentes tamanhos de tela.
src/js/index.js: O arquivo JavaScript que contém a lógica da aplicação, incluindo a seleção de personagens e manipulação da interface.
assets/: Diretório que contém os arquivos de imagem e ícones.
- imagens/: Imagens dos personagens da Marvel utilizadas na aplicação.
- favicon/: Ícone da aplicação exibido na aba do navegador.

Funcionalidades

Seleção de Personagem:
- Os usuários podem passar o mouse sobre os personagens disponíveis para selecioná-los.
- O personagem selecionado é destacado na tela.
Exibição de Informações:
- O nome do personagem selecionado é exibido na parte superior da tela, proporcionando um feedback visual imediato.
Interatividade:
- Ao mover o mouse sobre um personagem, a imagem correspondente é atualizada, oferecendo uma experiência dinâmica e envolvente.

Como Usar

Clone o repositório ou baixe os arquivos:
- Use o comando git clone <URL do repositório> para clonar o repositório ou baixe os arquivos diretamente do GitHub.
Abra o arquivo index.html em um navegador web:
- Dê um duplo clique no arquivo index.html ou abra-o através do navegador para iniciar a aplicação.
Interaja com a aplicação:
- Passe o mouse sobre os personagens listados para selecionar um e veja as informações atualizadas na parte superior da tela.

Contribuições

Contribuições são bem-vindas! Se você gostaria de contribuir para este projeto, siga as etapas abaixo: