Develop aldacelio

[Aldacelio]

Features

• ✅ Sistema de checkout com validação completa de formulário
• ✅ Integração com API mock (via Postman Collection) para simulação de pagamentos
• ✅ Páginas de sucesso e erro de pagamento
• ✅ Layout 100% responsivo (desktop e mobile)
• ✅ Componentização seguindo boas práticas
• ✅ Feedback visual durante o processamento

---

Tecnologias Utilizadas

• Next.js – Framework React
• TailwindCSS – Estilização rápida e moderna
• API Mock (Postman) – Simulação de back-end
• Figma – Referência para o layout

---

Design System

• Implementação fiel ao layout fornecido no Figma
• Componentes reutilizáveis
• Interfaces responsivas
• Feedback visual para interações do usuário

---

Fluxo de Navegação

1. Página inicial com botão para iniciar o checkout
2. Formulário de checkout com validação de campos
3. Processamento do pagamento via API mock
4. Redirecionamento para:
   • ✅ Página de sucesso, ou
   • ❌ Página de erro, em caso de falha

Correções

• Ajustes de cores dos inputs
• Remoção de opacity do button
• Adição de mascaras nos campos do formulário
• Correção do problema de build