🖥️ Aplicação clone da Pesquisa Google, com tema escuro. 🖥️ Concluído ✔️
• Sobre • Features • Demonstração • Como executar • Tecnologias • Autora •
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.
-
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
Este projeto possui apenas uma parte (Frontend), com as pastas:
- CSS
- Arquivo index.html
- Images
É bom ter um editor para trabalhar com o código, como o VSCode.
# Clone o repositório
$ git clone [email protected]: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
As seguintes ferramentas foram usadas na construção do projeto:
- Editor: Visual Studio Code → Extensions: Live Server
- Markdown: Rocketseat
- Ícones: LinearIcons
- Paleta de cores: Coolors