E-commerce Dois S Auto Peças
Plataforma de e-commerce completa desenvolvida para o segmento de auto peças, oferecendo uma experiência de compra moderna e intuitiva. Projeto desenvolvido em colaboração, onde atuei em funcionalidades críticas do sistema, incluindo integração de frete, validação de CEP, autenticação de usuários e páginas institucionais.
Minhas Contribuições Específicas
Sistema de Frete
Integração completa com a API do Melhor Envio para cálculo de frete em tempo real, Context API para gerenciamento de estado, componentes reutilizáveis e tratamento de erros.
Validação de CEP
Integração com API de consulta de CEP, preenchimento automático de endereço, validação e formatação de dados com feedback visual.
Autenticação
Design e implementação das páginas de login e cadastro com validação completa, integração com NextAuth.js e tratamento de erros.
Componentes Institucionais
Footer responsivo, página de sucatas com listagem paginada e componentes reutilizáveis bem estruturados.
Funcionalidades Principais
Autenticação Completa
Login com credenciais e Google OAuth, cadastro com validação, gerenciamento de sessões seguras com JWT.
Catálogo de Produtos
Listagem paginada, busca avançada, categorização, página de sucatas e detalhes com galeria de imagens.
Carrinho e Checkout
Carrinho persistente via cookies, cálculo de frete integrado, múltiplas transportadoras e validação de dados.
Sistema de Pagamentos
Integração com Mercado Pago, webhooks para notificações em tempo real, páginas de confirmação e retry.
Gestão de Pedidos
Histórico completo de compras, rastreamento de status, detalhes de envio e painel administrativo.
Cálculo de Frete
Integração com Melhor Envio para cálculo em tempo real baseado em CEP origem/destino.
Stack Tecnológica
Frontend
Backend
Integrações
Infraestrutura
Destaques Técnicos
Arquitetura Moderna com Server Components e Server Actions do Next.js 15
Performance otimizada com lazy loading, code splitting e otimização de imagens
Segurança robusta com hash de senhas bcrypt, validação de webhooks e proteção de rotas
Design responsivo mobile-first com breakpoints bem definidos
Experiência do usuário aprimorada com loading states, animações suaves e feedback visual
Arquitetura containerizada escalável pronta para produção
Resultados
- Sistema completo de e-commerce em produção
- Integração robusta com múltiplas APIs externas
- Experiência de usuário fluida e moderna
- Código bem estruturado e manutenível
- Infraestrutura escalável com Docker
Aprendizados
- Integração de APIs de pagamento e frete
- Arquitetura de aplicações Next.js modernas
- Gerenciamento de estado complexo
- Autenticação e segurança
- Docker e containerização
- Trabalho colaborativo em equipe
Visite o Site em Produção
Explore a plataforma completa de e-commerce em funcionamento e veja todas as funcionalidades em ação.
Acessar Site