Projetos
Projeto entregue
Ana's Doces
Catálogo online com pedidos, carrinho e finalização via WhatsApp — React, Vite, TypeScript, Tailwind e EmailJS.
Visão geral
Plataforma de catálogo online com sistema de pedidos, desenvolvida com React.js, Vite, TypeScript, Tailwind CSS e EmailJS. O site apresenta os produtos de forma atrativa, com carrinho no cliente e mensagem personalizada para o WhatsApp com itens e total do pedido.
React.jsViteTypeScriptTailwind CSSEmailJS
Desafios
- Construir um carrinho de compras funcional sem utilizar back-end
- Gerar mensagens personalizadas para envio via WhatsApp com todos os itens e o total do pedido
- Otimizar o carregamento e performance com imagens de alta qualidade
- Garantir experiência fluida e responsiva em dispositivos móveis
- Facilitar o contato através de múltiplos canais (formulário, WhatsApp, redes sociais)
Soluções
- Arquitetura leve e performática com Vite e React.js
- Carrinho client-side com geração dinâmica de mensagem para o WhatsApp
- Integração com EmailJS para envio de mensagens via formulário de contato
- Tailwind CSS para UI responsiva e rápida de desenvolver
- Organização modular para manutenção e evoluções futuras
Funcionalidades
- Catálogo completo de produtos com imagens, preços e descrições
- Carrinho com cálculo automático de total
- Mensagem personalizada para WhatsApp
- Formulário de contato via EmailJS
- Página Sobre Nós, depoimentos e galeria
- Design responsivo e otimizado