< Google Search Clone />

🖥️ Aplicação clone da Pesquisa Google, com tema escuro. 🖥️ Concluído ✔️

• Sobre • Features • Demonstração • Como executar • Tecnologias • Autora •

💻 Sobre o projeto

Clone do Google Search em tema escuro. Foram utilizadas técnicas HTML5 e CSS3, como pseudoclasses, técnicas de posicionamento e tooltips. A página de pesquisa foi feita com base na pesquisa "One Piece", inicialmente visitada em 25/01/2023.

⚙️ Funcionalidades

• O usuário pode encontrar na barra de navegação simulações de:

  • input de pesquisa, com as opções de pesquisar por texto, voz e imagem
  • opção de pesquisa por imagens, notícias, vídeos etc
  • opções de configuração e login

• O usuário pode encontrar na área principal simulações de:

  • os dois primeiros resultados encontrados
  • expansion panels com duas outras sugestões de pesquisa

• O usuário pode encontrar na área lateral simulações de:

  • principais imagens trazidas pela pesquisa, junto com o botão de "mais imagens"
  • breve descrição sobre a pesquisa

🎨 Demonstração

🚀 Como executar o projeto

Este projeto possui apenas uma parte (Frontend), com as pastas:

1. CSS
2. Arquivo index.html
3. Images

Pré-requisitos

É bom ter um editor para trabalhar com o código, como o VSCode.

🎲 Rodando a aplicação

# Clone o repositório
$ git clone git@github.com:dandara-dias/google-search-clone.git
# Entre na pasta do repositório que você acabou de clonar
$ cd google-search-clone
# Com a extensão Live Server, clique em Go Live
# A aplicação iniciará na porta 5500 - acesse http://localhost:5500 

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (HTML5 + CSS3)

Utilitários

• Editor: Visual Studio Code → Extensions: Live Server
• Markdown: Rocketseat
• Ícones: LinearIcons
• Paleta de cores: Coolors

🦸‍♀️ Autora

Dandara Dias 🎀