Projeto simples de um buscador que realiza pesquisas diretamente no Google, com uma interface estilizada e responsiva utilizando SCSS.
Este é um projeto básico de buscador que, ao digitar um termo e pressionar o botão de busca (ícone), redireciona o usuário para os resultados no Google. A proposta foi desenvolver algo funcional e ao mesmo tempo aplicar o que aprendi sobre SCSS na prática. Acesse o projeto clicando aqui
Apesar da simplicidade, o projeto me proporcionou uma ótima experiência prática com:
- Organização e estruturação de SCSS
- Responsividade com media queries
- Uso de ícones do Font Awesome via SCSS
- Acessibilidade com vlibras
- Deploy
- SEO
- HTML5
- SCSS (Sass)
- Font Awesome
- Google Search GET Query
- Api Vlibras
- Visual Studio Code
-
Clone o repositório:
git clone https://github.com/seu-usuario/buscador-web.git
-
Navegue até o diretório:
cd buscador-web -
Instale as dependências (se desejar recompilar o SCSS):
npm install
-
Compile o SCSS (se for modificar):
sass css/style.scss css/style.css
-
Abra o index.html no navegador ou suba em um servidor estático.
O projeto funciona como um buscador visualmente agradável e funcional. Ao digitar algo e clicar no ícone de busca, você será redirecionado ao Google com o termo pesquisado.
Mesmo sendo um projeto simples, ele foi fundamental para aplicar de forma prática os conceitos de SCSS em um projeto real. Me ajudou a entender melhor variáveis, aninhamento, organização do CSS e também boas práticas de responsividade.
Desenvolvido por Dérick Campos Santos