Este projeto é uma página web simples que permite pesquisar e exibir jogos com base no título ou descrição. O sistema é alimentado por uma base de dados de jogos e permite filtrar os resultados de acordo com o termo de busca inserido pelo usuário.
- Pesquisa de Jogos: Os usuários podem pesquisar por jogos digitando o título ou parte da descrição. Ao pressionar "Enter" ou clicar no botão "Pesquisar", os resultados são exibidos com a imagem do jogo, título, descrição, plataformas e ano de lançamento.
- Exibição dos Resultados: Cada resultado inclui:
- Imagem do jogo (capa).
- Título do jogo com um link para a página do jogo na Wikipédia.
- Descrição do jogo.
- Plataformas disponíveis.
- Ano de lançamento.
- Responsividade: A página é responsiva e adapta-se a diferentes tamanhos de tela.
- index.html: Contém a estrutura da página web, incluindo o campo de pesquisa, botão de busca e a área onde os resultados são exibidos.
- style.css: Define o estilo da página, o layout das divs, imagens e texto.
- app.js: Lida com a lógica de busca. Ao pesquisar por um jogo, o script filtra os resultados e atualiza a interface dinamicamente.
- dados.js: Base de dados contendo informações sobre os jogos, como título, imagem, descrição, plataformas e ano de lançamento.
- Pesquisa: O usuário digita um termo no campo de busca e pode pressionar "Enter" ou clicar no botão "Pesquisar".
- Filtragem: O JavaScript compara o termo de pesquisa com os títulos e descrições dos jogos na base de dados.
- Exibição: Se o termo de busca for encontrado, os resultados são exibidos na tela. Caso contrário, uma mensagem de "Nenhum resultado encontrado" é mostrada.
Para ver o funcionamento da página, basta acessar o link do deploy na plataforma Vercel:
https://imersao-gemini-jogos.vercel.app/