WearTake
Vitrine de moda com filtros, pesquisa e carrinho persistente sem frameworks.
Do início ao resultado
- 01
Ver a vitrine
Catálogo educacional com seis itens de exemplo.
- 02
Pesquisar e filtrar
Pesquisa e categorias atualizam a seleção.
- 03
Usar o carrinho
Adicionar unidades e ajustar quantidades com armazenamento local.
Interface em ação
Contexto & construção
Exercício original de 2022 modernizado em 2026 com HTML semântico, CSS responsivo e JavaScript puro. A vitrine contém seis produtos ilustrativos, permite filtrar categorias e pesquisar, ajustar quantidades, remover itens e manter o carrinho no armazenamento local entre recargas. Sem cadastro, pedidos ou pagamentos reais.
- 01
A ideia
Explorar como uma vitrine com categorias e sacola pode funcionar usando só as tecnologias nativas da web, sem React.
- 02
Como foi construído
HTML, CSS e JavaScript organizam seis produtos de exemplo. A interface oferece pesquisa, filtros de categoria, quantidades e carrinho com total; o armazenamento local preserva os itens após atualizar o navegador.
- 03
Minha participação
Exercício individual iniciado em 2022 e recuperado em 2026, com foco em manipulação do DOM, responsividade e estado local.
- 04
O que está demonstrado
É uma demonstração educacional navegável, sem contas nem checkout. Os dados não são compartilhados entre dispositivos ou usuários.
- 05
O que está no código
- Filtros combinados com pesquisa por nome e descrição.
- Carrinho com quantidades, remoção individual e total calculado.
- Persistência local com validação dos dados recuperados.
- Layout responsivo e testes automatizados de interface em Chromium.
Uma boa conversa pode
abrir novos caminhos.
Busco oportunidades remotas em IA aplicada, desenvolvimento de prompts, treinamento de IA e avaliação de respostas, aproveitando minha experiência prática em operações, atendimento e gestão digital. Vamos conversar pelo canal que preferir.