Este site permite que você busque informações sobre animes populares. Ao digitar o nome de um anime, ele retorna a descrição e a imagem do anime, facilitando sua pesquisa.
- Digite e pesquise: Você insere o nome do anime no campo de busca.
- Busca nos dados: A aplicação verifica um banco de dados de animes localizado no arquivo
dados.js
. - Exibição dos resultados: Se houver correspondência, a aplicação mostra um card com o nome, a descrição e a imagem do anime. Se nada for encontrado, uma mensagem é exibida.
- HTML: Para estruturar a página e os componentes.
- CSS: Para estilizar a interface, ajustando cores, fontes e layout.
- JavaScript: Para realizar a lógica da busca e exibir os resultados dinamicamente.
- Abra o arquivo
index.html
no navegador. - Use o campo de busca para pesquisar por um anime.
- index.html: O arquivo principal que contém a estrutura do site.
- style.css: Arquivo de estilo que define o layout e as cores.
- dados.js: Contém os dados dos animes (título, descrição, imagem) usados na busca.
- app.js: A lógica da pesquisa e a exibição dos resultados na página.
- Os dados dos animes estão no arquivo
dados.js
. Você pode adicionar mais animes editando este arquivo. - O design da página pode ser modificado no arquivo
style.css
. - A lógica da busca pode ser aprimorada ou modificada no arquivo
app.js
.
Este projeto foi desenvolvido durante a Imersão Dev com Google Gemini da Alura.