O objetivo é construir uma aplicação que simula o envio de dinheiro para uma outra pessoa, via cartão de crédito.
Na primeira tela terá uma listagem de usuários, onde a pessoa pode clicar em algum usuário da lista para realizar o pagamento. Quando clicado em um usuário é então aberto um modal de pagamento, contendo as informações do usuário de destino, a opção de selecionar um cartão de crédito e um botão de pagar. O usuário deve então digitar o valor, escolher o cartão e clicar em pagar. Para realização do pagamento deve-se chamar um endpoint de pagamento que aprovará/recusará a transação. E então deve-se mostrar na tela o modal de pagamento concluído com sucesso ou o de erro.
Link do Projeto: https://edijunior88-newtab-react.netlify.app/
- JavaScript – Languages
- React – Javascript UI Libraries
- ESLint – Code Review
- Vite – JS Build Tools / JS Task Runners
- axios – Javascript Utilities & Libraries
Para ver todas as tecnologias clique aqui
Lista de usuários
Modal de pagamento e listagem de cartões
Modal de pagamento concluído com sucesso
Modal de erro no pagamento
- ATIVIDADE 1 – REACT:
- Desenvolvimento da página de listagem de usuários
- ATIVIDADE 2 – REACT:
- Desenvolvimento das páginas de pagamentos e recibos
Para as atividades, considerando uma dedicação de 4 horas por dia, estimamos que seja possível que você consiga realizá-las em aproximadamente uma semana cada. Se conseguir antes, fantástico! Já pode partir para a atividade seguinte e caminhar para o fechamento do módulo.
Aliás, o prazo para terminar esse módulo você já conhece, e após esse projeto individual vamos chegando ao final dessa etapa, onde você terá um conteúdo focado em empregabilidade para assistir enquanto aguarda nossa validação da entrega das atividades realizadas e agendamento da mentoria de feedback.
Caso precise de mais tempo que a estimativa de uma semana que citamos acima, sem problemas também, temos o prazo limite do módulo que precisa ser respeitado, e você pode ir administrando sua dedicação nesse período. Sempre que tiver dúvidas que não esteja conseguindo resolver por aí, lembre-se dos nossos recursos no Discord e facilitadores para te apoiar.