Fluxo de pagamento

Fluxo de pagamento com a seleção de um plano e validação dos campos. Demo

Principais Tecnologias utilizadas

• Next.js
• React.JS
• Typescript
• Styled Components
• Axios

Instalação

• Clone o repositório com

  git clone https://github.com/alanaraujop/payment-flow.git
  

• É necessario ter o Node 10.13 ou superior instalado
• Para iniciar o servidor de desenvolvimento rode os comandos abaixo

npm install
npm run dev

To do

• Criar estrutura inicial do projeto
• Configurar typescript
• Implementação de Theme e style components
• Criar telas (navegação)
• Context para fluxo de seleção de plano e pagamento
• Component Logo
• Component Input
• Component Select
• Component Button
• Component PlanItem
• Component PlanSelector
• Component Header
• Component Typography
• Component CreditCards
• Component FormPayment
• Tela de seleção do plano
• Tela de pagamento
• Validadores dos campos do formulário
• Máscaras dos campos do formulário
• Usar o getStaticProps para lista de planos
• Limpar dados apos envio do formulario
• Tela de sucesso
• Implementar testes