https://github.com/derickcsantos/buscador-web
Projeto desenvolvido durante os estudos de web software development na Universidade de Harvard
https://github.com/derickcsantos/buscador-web
css deployment fontawesome git html nodejs scss seo vlibras
Last synced: about 2 months ago
JSON representation
Projeto desenvolvido durante os estudos de web software development na Universidade de Harvard
- Host: GitHub
- URL: https://github.com/derickcsantos/buscador-web
- Owner: Derickcsantos
- License: mit
- Created: 2025-07-12T16:10:42.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-12T16:48:46.000Z (12 months ago)
- Last Synced: 2025-08-14T23:57:56.814Z (10 months ago)
- Topics: css, deployment, fontawesome, git, html, nodejs, scss, seo, vlibras
- Language: HTML
- Homepage: https://buscadorweb-dcs.vercel.app
- Size: 329 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🔎 Buscador Web
Projeto simples de um buscador que realiza pesquisas diretamente no Google, com uma interface estilizada e responsiva utilizando SCSS.
## 💡 Sobre o Projeto
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](https://buscadorweb-dcs.vercel.app)
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
## 🛠️ Tecnologias Utilizadas
- HTML5
- SCSS (Sass)
- Font Awesome
- Google Search GET Query
- Api Vlibras
- Visual Studio Code
## 🚀 Como Usar
1. Clone o repositório:
```bash
git clone https://github.com/seu-usuario/buscador-web.git
```
2. Navegue até o diretório:
```bash
cd buscador-web
```
3. Instale as dependências (se desejar recompilar o SCSS):
```bash
npm install
```
4. Compile o SCSS (se for modificar):
```bash
sass css/style.scss css/style.css
```
5. Abra o index.html no navegador ou suba em um servidor estático.
## ✨ Resultado
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.
## 📚 Aprendizado
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.
## 🧑💻 Autor
Desenvolvido por Dérick Campos Santos
- [Linkedin](https://linkedin.com/in/derick-campos-santos)
- [Portfólio](https://derickcs.vercel.app)
- [Acesse o projeto](https://buscadorweb-dcs.vercel.app)