https://github.com/lauragabs/buscar-animes

Um site simples para buscar informações sobre animes. Insira o nome de um anime para ver uma descrição e imagem relacionada. Desenvolvido durante a Imersão Dev com Google Gemini da Alura.
https://github.com/lauragabs/buscar-animes

Last synced: about 2 months ago
JSON representation

Um site simples para buscar informações sobre animes. Insira o nome de um anime para ver uma descrição e imagem relacionada. Desenvolvido durante a Imersão Dev com Google Gemini da Alura.

• Host: GitHub
• URL: https://github.com/lauragabs/buscar-animes
• Owner: lauragabs
• License: mit
• Created: 2024-09-10T17:59:21.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-09-10T19:05:25.000Z (4 months ago)
• Last Synced: 2024-09-11T22:06:08.449Z (4 months ago)
• Language: JavaScript
• Size: 15.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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