Skip to content

Latest commit

 

History

History
39 lines (25 loc) · 1.69 KB

README.md

File metadata and controls

39 lines (25 loc) · 1.69 KB

Buscador de Animes - Imersão Dev com Google Gemini

O que essa aplicação faz?

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.

Como ela funciona?

  1. Digite e pesquise: Você insere o nome do anime no campo de busca.
  2. Busca nos dados: A aplicação verifica um banco de dados de animes localizado no arquivo dados.js.
  3. 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.

Tecnologias usadas

  • 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.

Como usar?

  1. Abra o arquivo index.html no navegador.
  2. Use o campo de busca para pesquisar por um anime.

Estrutura do Projeto

  • 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.

Observações

  • 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.

Projeto desenvolvido

Este projeto foi desenvolvido durante a Imersão Dev com Google Gemini da Alura.