Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
339494b
Primeiro commit com os arquivos básicos do React, pasta de imagens e …
ArthurCoimbra May 30, 2018
3f154f3
Tela inicial pronta, utilizando-se o axios para fazer a http request …
ArthurCoimbra May 31, 2018
6852724
Adicionado modal sem cartão e seu respectivo CSS. Pequenas mudanças n…
ArthurCoimbra Jun 3, 2018
fa560a9
Adicionado modal cadastro cartão e seu respectivo CSS.
ArthurCoimbra Jun 5, 2018
529fdad
Adicionada função em modal cadastro cartao para o armazenamento de da…
ArthurCoimbra Jun 5, 2018
1ce0b3f
Adicionado modal cartão cadastrado e seu respectivo CSS.
ArthurCoimbra Jun 6, 2018
2ec2f38
Adicionada função para realizar o pagamento.
ArthurCoimbra Jun 6, 2018
25f8d56
Adicionado modal escolha cartão e o respectivo CSS.
ArthurCoimbra Jun 7, 2018
c699856
Adicionadas as funcionalidades de modal escolha cartao (selecionar e …
ArthurCoimbra Jun 8, 2018
2addcb6
Adicionado modal recibo e container usuario.
ArthurCoimbra Jun 10, 2018
ce0f5f5
Mostrar primeiro cartão ao abrir o modal cartao cadastrado e acertos …
ArthurCoimbra Jun 13, 2018
8739d3d
Adicionado modal aviso e o seu CSS.
ArthurCoimbra Jun 13, 2018
2bef96d
Acertos no CSS em cadastro cartão e adicionado aviso de numero maximo…
ArthurCoimbra Jun 13, 2018
91a12ae
Acertos na função de contagem de numero de transaçao e adicionada fun…
ArthurCoimbra Jun 13, 2018
6295ca7
Acertos na contagem de numero transação e no aviso de cartão invalido…
ArthurCoimbra Jun 18, 2018
71bbc52
Atualização no Readme
ArthurCoimbra Jun 18, 2018
f2ebd18
Adicionados comentários e mudança de generic para modal.css
ArthurCoimbra Jun 18, 2018
3f54eba
Adicionados os componentes retangulo titulo e container dinheiro
ArthurCoimbra Jun 18, 2018
9b5f21b
Acertos no CSS.
ArthurCoimbra Jun 18, 2018
ec18251
Alteração do Readme
ArthurCoimbra Jun 18, 2018
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# See https://help.github.com/ignore-files/ for more about ignoring files.

# dependencies
/node_modules

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
48 changes: 6 additions & 42 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,43 +1,7 @@
![PicPay](https://user-images.githubusercontent.com/1765696/26998603-711fcf30-4d5c-11e7-9281-0d9eb20337ad.png)
# Sobre a implementação
Código feito com a biblioteca React JS, utilizando-se de funções Javascript ES6.
Foi utilizado o axios para realizar as HTTP requests.

# Teste Frontend

O teste deve ser feito para Web com layout responsivo e é uma simulação de envio de dinheiro para uma outra pessoa via cartão de crédito.

O layout está disponível em https://zpl.io/VOBNjrQ. Para acessar, use o login *picpay* e senha *picpayfte*.

Você deve fazer um ***Fork*** deste repositório e soliciar um ***Pull Request***, **com seu nome na descrição**, para nossa avaliação.

O seu usuário deverá escolher uma pessoa em uma lista, informar o valor a ser enviado e finalizar o pagamento com o cartão de crédito cadastrado. Se ele não possuir cartão de crédito cadastrado, deverá informar o dados do cartão (número do cartão, data de validade e CVV, além do id do usuário de destino) antes de finalizar o pagamento.

Os cartões devem ser persistidos no armazenamento do navegador para serem usados em pagamentos futuros.



-----
###### Lista de usuários

Para listar as pessoas que podem receber pagamentos, faça uma requisição para o json nessa url: http://careers.picpay.com/tests/mobdev/users

-----

###### Pagamento

Realizar um `POST` para http://careers.picpay.com/tests/mobdev/transaction com os seguintes atributos:
+ ID do usuário que irá receber o pagamento
+ Número do cartão
+ Vencimento do cartão
+ CVV
+ Valor total

``` json
{
"card_number":"1111111111111111",
"cvv":789,
"value":79.9,
"expiry_date":"01/18",
"destination_user_id":1002
}
```

## Para fins de teste, o número de cartão 1111111111111111 aprova a transação, qualquer outro recusa.
# Como rodar o código
1. Instalar as dependências com: ```npm install```
2. Iniciar o programa com: ```npm start```
Loading