Imersão Dev Alura com Google Gemini
Projeto desenvolvido com base no conteúdo adquirido durante esta imersão fantástica onde com o suporte da IA Interativa Gemini, foi construindo um site estático do zero utilizando as tecnologias HTML5, CSS3 e Javascript. Acesse o site aqui
O que esse projeto faz?
Imagine que você é um grande fã da série House of the Dragon e quer saber tudo sobre os personagens que participaram da famosa guerra civil Targaryen pelo Trono de Ferro. Este projeto é a sua nova melhor amiga! Ele te ajuda a encontrar informações detalhadas sobre esses personagens históricos de forma rápida e fácil.
Como ele funciona?
- Digite e pesquise: Você digita o nome do personagem ou título relacionado à guerra civil Targaryen na caixa de pesquisa.
- Mágica acontece: A aplicação vasculha um banco de dados (definido no arquivo
data.js) e procura por tudo que tenha a ver com o que você digitou. - Resultados na tela: Se a aplicação encontrar algo, ela exibe um card com o nome do personagem, uma breve descrição e um link para mais informações. Se não encontrar nada, ela informa que não obteve resultados.
Tecnologias usadas:
- HTML: Estrutura básica da página, como títulos, botões e onde os resultados serão exibidos.
- CSS: Responsável pelo design da página, organizando cores, fontes e layout para uma apresentação atraente.
- JavaScript: A parte inteligente da aplicação! O JavaScript realiza a pesquisa, compara os dados e exibe os resultados na tela.
Como usar:
- Clone o repositório: Faça um clone deste repositório no seu computador.
- Abra o arquivo
index.html: Abra o arquivoindex.htmlno seu navegador favorito. - Comece a pesquisar: Digite o nome do personagem ou título relacionado e veja os resultados aparecerem!
Quer contribuir?
Se você é um desenvolvedor e deseja ajudar a melhorar este projeto, sinta-se à vontade para abrir um pull request!
Observações:
- Dados: Os dados dos personagens estão no arquivo
data.js. Você pode adicionar mais informações sobre personagens aí se desejar. - Design: O design da página está definido no arquivo
style.css. Se quiser alterar as cores ou a fonte, edite este arquivo. - Funcionalidades: A lógica da pesquisa está no arquivo
app.js. Se quiser adicionar novas funcionalidades, faça as modificações necessárias neste arquivo.
Dúvidas?
Se tiver alguma dúvida, você pode abrir uma issue aqui no GitHub ou me enviar um email.
Vamos juntos explorar e celebrar os heróis e vilões da guerra civil Targaryen!
Sinta-se à vontade para ajustar qualquer parte deste README para melhor se adequar às especificidades do seu projeto ou às suas preferências pessoais.