Instrutuores:
- Rafaella Ballerini - Instrutora front-end @ Alura
- Guilherme Lima - Tech Educator e Professor na Alura e na USP
- Luciano Martins - Developer Advocate, Google IA.
Imagine que você é um super fã de esportes e quer saber tudo sobre seu atleta favorito ou sobre uma modalidade específica. Essa aplicação é a sua nova melhor amiga! Ela te ajuda a encontrar todas as informações que você precisa de forma rápida e fácil.
Clique aqui para acessá-la.
- Digite e pesquise: Você digita o nome do atleta ou esporte que você quer encontrar na caixinha de pesquisa.
- Mágica acontece: A aplicação vasculha um banco de dados gigante (que está no arquivo dados.js) e procura por tudo que tenha a ver com o que você digitou.
- Resultados na tela: Se a aplicação encontrar algo, ela mostra pra você um card com o nome do atleta, uma breve descrição e um link para saber mais. Se não encontrar nada, ela te avisa que não teve sorte dessa vez.
- HTML: A estrutura básica da página, como os títulos, botões e onde os resultados vão aparecer.
- CSS: Deixa tudo bonitinho e organizado, com cores e fontes legais.
- JavaScript: A parte mais inteligente da aplicação! É o JavaScript que faz a pesquisa, compara os dados e mostra os resultados na tela.
- Clone o repositório: Faça um clone desse repositório no seu computador.
- Abra o arquivo index.html: Abra o arquivo index.html no seu navegador favorito.
- Comece a pesquisar: Digite o nome do atleta ou esporte e veja a mágica acontecer!
- Dados: Os dados dos atletas estão no arquivo dados.js. Você pode adicionar mais dados aí se quiser.
- Design: O design da página está no arquivo style.css. Se você quiser mudar as cores ou a fonte, é só editar esse arquivo.
- Funcionalidades: A lógica da pesquisa está no arquivo app.js. Se você quiser adicionar mais funcionalidades, é só editar esse arquivo.