Este projeto é um catálogo interativo que permite aos usuários filtrar e pesquisar itens por categorias. O design é responsivo e utiliza HTML, CSS e JavaScript para fornecer uma experiência de usuário dinâmica.
- 📄 index.html: Contém a estrutura principal do catálogo, incluindo o cabeçalho, navegação de categorias, área principal dos itens e rodapé.
- 🎨 style.css: Define o estilo visual do catálogo, incluindo fontes, cores e layout.
- 🛠️ script.js: Contém a lógica para filtragem de categorias e pesquisa de texto.
- 🔍 Filtro de Categorias: Os usuários podem clicar nos botões de categoria para filtrar os itens exibidos. A categoria "Todos" exibe todos os itens.
- ✏️ Pesquisa de Texto: Um campo de entrada permite que os usuários pesquisem itens por texto.
- 📱 Design Responsivo: O layout se adapta a diferentes tamanhos de tela, garantindo uma boa experiência em dispositivos móveis e desktops.
- 🖱️ Navegação de Categorias: Clique em qualquer botão de categoria para filtrar os itens exibidos. O botão "Todos" limpa outros filtros.
- 🔤 Pesquisa: Digite no campo de pesquisa para filtrar itens por texto. A lista de itens será atualizada conforme você digita.
- HTML5: Estrutura do documento.
- CSS3: Estilização e layout.
- JavaScript: Interatividade e lógica de filtragem.
- Clone o repositório para o seu ambiente local.
- Abra o arquivo
index.htmlem um navegador web.
Contribuições são bem-vindas! Envie um pull request ou abra uma issue.
Ajude-nos a continuar criando projetos incríveis e apoiando o desenvolvimento de código aberto. Considere se tornar um patrocinador e juntos alcançaremos grandes conquistas!
Este projeto está licenciado sob a licença MIT.
Para mais informações, entre em contato através do botão de patrocínio no rodapé ou pelas redes sociais listadas.