Double Dip é o site de uma sorveteria fictícia, desenvolvido com HTML, CSS e JavaScript puro. O projeto apresenta um cardápio de picolés e sorvetes com busca em tempo real, layout responsivo e visual colorido e convidativo.
- Busca em tempo real — filtra produtos por nome ou sabor enquanto digita
- Barra de pesquisa expansível no mobile — toque no ícone para abrir
- Mensagem de estado vazio — exibe "Nenhum picolé encontrado" quando não há resultado
- Layout responsivo — desktop, tablet e mobile
- Cards com hover animado — elevação e zoom suaves
- Menu sticky — acompanha o scroll da página
- Gradientes suaves — no header e footer
- HTML5 — estrutura semântica das páginas
- CSS3 — Grid, Flexbox, Media Queries, Gradientes e Transições
- JavaScript — filtro de busca em tempo real e toggle da busca mobile
- Google Fonts — Montserrat
double-dip/
├── index.html
├── style.css
├── imagens/
│ ├── Component 1.png
│ ├── Component 2.png
│ ├── food-stand 1.png
│ ├── telefone.png
│ ├── email.png
│ ├── insta.png
│ └── ... (imagens dos picolés)
└── screenshots/
Basta abrir o index.html no navegador — sem dependências ou instalação necessária.
Geozedeque Guimarães
Estudante de Ciência da Computação — CIn-UFPE
