https://github.com/edijunior88/newtab_academy_projeto_individual_react

O objetivo é construir uma aplicação que simula o envio de dinheiro para uma outra pessoa, via cartão de crédito.
https://github.com/edijunior88/newtab_academy_projeto_individual_react

css css3 html html-css-javascript html5 javascript javascript-es6 javascript-library react react-components react-hooks react-router reactjs

Last synced: 3 months ago
JSON representation

O objetivo é construir uma aplicação que simula o envio de dinheiro para uma outra pessoa, via cartão de crédito.

• Host: GitHub
• URL: https://github.com/edijunior88/newtab_academy_projeto_individual_react
• Owner: EdiJunior88
• License: mit
• Created: 2022-04-05T21:24:46.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-08T13:51:21.000Z (about 1 year ago)
• Last Synced: 2024-04-08T14:58:03.551Z (about 1 year ago)
• Topics: css, css3, html, html-css-javascript, html5, javascript, javascript-es6, javascript-library, react, react-components, react-hooks, react-router, reactjs
• Language: JavaScript
• Homepage: https://newtab-academy-react.netlify.app/
• Size: 4.02 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


Projeto REACT (individual)


Descrição


O objetivo é construir uma aplicação que simula o envio de dinheiro para uma outra pessoa, via cartão de crédito.




Fluxo das telas


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/



Tecnologias Utilizadas


-  [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages

-  [React](https://reactjs.org/) – Javascript UI Libraries

-  [ESLint](http://eslint.org/) – Code Review

-  [Vite](https://vitejs.dev/) – JS Build Tools / JS Task Runners

-  [axios](https://github.com/mzabriskie/axios) – Javascript Utilities & Libraries

Para ver todas as tecnologias [clique aqui](/techstack.md)





  





Screenshots


Lista de usuários




Modal de pagamento e listagem de cartões




  



Modal de pagamento concluído com sucesso




  



Modal de erro no pagamento




  





Divisão de atividades




  
ATIVIDADE 1 – REACT:

  


    
Desenvolvimento da página de listagem de usuários

  





  
ATIVIDADE 2 – REACT:

  


    
Desenvolvimento das páginas de pagamentos e recibos

  





Prazo de entrega


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.




Status do projeto: ✅ Concluído