Skip to content

henrymedeiros/google-clone

Repository files navigation

Google Clone


projectBanner


🟢 Sobre:

💡 O projeto:

  • Um desafio pessoal com intuito de treinar a habilidade de "clonar" layouts e suas funcionalidades básicas.

  • Utiliza tecnologias modernas como Next.js e Tailwind.

📌 Objetivos:

  • Tive como principal objetivo desenvolver um layout front-end responsivo praticamente idêntico ao utilizado pelo site da Google e também replicar algumas de suas funcionalidades básicas. (Busca de termos)

  • Para atingir o layout final, utilizei o Chrome Dev Tools para inspencionar o layout da página principal e entender quais eram as dinâmicas de estilização utilizadas.

  • Para replicar as funcionalidades, utilizei a Custom Search JSON API para gerar os resultados a partir do termo de busca digitado.

💻 Linguagens e ferramentas:

  • React
  • Tailwind CSS
  • Next.js