Este repositório apresenta o código-fonte de múltiplos componentes e páginas institucionais desenvolvidos por Matheus Trajano, atualmente em produção no site oficial da Pró Colchões.
O projeto foi criado do zero utilizando HTML5, CSS3 e JavaScript (Vanilla JS), com foco em soluções customizadas, performáticas e seguras, integradas à plataforma Agile E-commerce.
- Conheça Nossa História: procolchoes.com.br/conheca-nossa-historia
- Catálogos no Site: procolchoes.com.br/catalogos (Conteúdo restrito: acessível apenas para usuários cadastrados e conectados. )
- Popup de Leads e Barra de Notícias: Visíveis durante a navegação geral do site.
- CSS Isolado: Todos os estilos encapsulados em
#procolchoes-contentpara evitar conflitos. - JavaScript Encapsulado (IIFE): Protege o escopo global e garante compatibilidade em produção.
- Popup de Leads com Fetch API:
- Envio assíncrono com
fetch()e máscara de telefone. - Controle de exibição usando
localStorage.
- Envio assíncrono com
- Carrossel de Notícias: Navegação e transição automáticas em JavaScript puro.
- Player de Vídeo Otimizado: Carregamento sob demanda, melhorando o First Contentful Paint (FCP).
- Layouts Flexíveis: Construção de grids e timelines com Flexbox e CSS Grid.
- Animações Performáticas: Fade-in com
IntersectionObserver, sem comprometer a performance.
- HTML5: Estrutura semântica e acessível.
- CSS3: Flexbox, Grid, Variáveis, Animações e Gradientes.
- JavaScript (ES6+):
fetch,IntersectionObserver,localStoragee manipulação de DOM.
Este projeto comprova minha capacidade de entregar soluções frontend robustas e performáticas, desde a concepção até a implementação em produção, em um ambiente de e-commerce real e de grande escala.
Desenvolvido por Matheus Trajano
💼 LinkedIn | ✉️ E-mail