Imersão Dev Google Gemini

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

Sumário

• Sobre
• Preview
• Tecnologias
• Funcionalidades
• Destaques
• Meu contato

Sobre

Uma aplicação desenvolvida em HTML, CSS e JavaScript para pesquisar atletas olímpicas que foram destaque nas Olimpíadas de Paris em 2024, projeto realizado na Imersão Dev com Google Gemini da Alura.

Preview

Desktop

Mobile

Tecnologias

• CSS
• HTML
• JavaScript

Funcionalidades

• Inserir termo(s)
• Pesquisar termo(s) inserido(s)
• Visualizar resultado(s) da pesquisa

Destaques

Uso de uma base de dados em JS.

let atletas = [
  {
    nome: "Rebeca Andrade",
    descricao: "Rebeca Andrade é a maior ginasta brasileira de todos os...",
    link: "https://pt.wikipedia.org/wiki/Rebeca_Andrade",
    tags: "ginástica ginastica",
  },
  {
    nome: "Bia Souza",
    descricao: "Bia Souza é uma judoca brasileira que conquistou os...",
    link: "https://pt.wikipedia.org/wiki/Beatriz_Souza",
    tags: "judô judo judoka",
  },
  {
    nome: "Rayssa Leal",
    descricao: "Rayssa Leal, conhecida como Fadinha, é uma skatista...",
    link: "https://pt.wikipedia.org/wiki/Rayssa_Leal",
    tags: "skate fada sk8",
  },
];

Injeção de HTML via JS.

if (
  nome.includes(campoPesquisa) ||
  tags.includes(campoPesquisa) ||
  descricao.includes(campoPesquisa)
) {
  boxResultados.innerHTML += `
  <div class="item-resultado">
  <h2>${atleta.nome}</h2>
  <p class="descricao-meta">${atleta.descricao}</p>
  <a ${atleta.link}" target="_blank">Mais informações</a>
</div>`;
}

Meu contato

LinkedIn @udanielnogueira