Skip to content

Latest commit

 

History

History
32 lines (29 loc) · 1.61 KB

README.md

File metadata and controls

32 lines (29 loc) · 1.61 KB

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