Skip to content

Everton Boni #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
ecdec3e
add creact-react-app
evertontatu Jun 19, 2018
7e6a2f0
add css basic
evertontatu Jun 19, 2018
1f39245
add new component ContactList
evertontatu Jun 19, 2018
4240348
add fetch api for getAll contacts/users and list on ContactList
evertontatu Jun 19, 2018
da36288
add react-modal box view
evertontatu Jun 19, 2018
6af7889
add component TopBar on component modal Payment
evertontatu Jun 20, 2018
37869d8
add component ContainerUser
evertontatu Jun 20, 2018
a256cc1
format input money
evertontatu Jun 20, 2018
74dce3e
fix css modal payment
evertontatu Jun 20, 2018
3ffe893
fix mobile css on ContactList
evertontatu Jun 20, 2018
d591eeb
finish css modal mobile
evertontatu Jun 21, 2018
ccb050a
test input localStorage
evertontatu Jun 23, 2018
263ab97
add registration card - part1
evertontatu Jun 23, 2018
4ba2466
add registration card - multiples card
evertontatu Jun 23, 2018
eaf4bd3
add registration card - save, redirect page, component modal selectCard
evertontatu Jun 23, 2018
4f74e26
add registration card - show all cards in selectCard
evertontatu Jun 24, 2018
8ab424b
add registration card - select card done
evertontatu Jun 25, 2018
a87e5a4
add confirm payment, transaction success
evertontatu Jun 25, 2018
c6dd107
add css and add spinner when confirm payment
evertontatu Jun 26, 2018
317ffbb
add validation form - part 1
evertontatu Jun 26, 2018
86fca39
add checked when card select
evertontatu Jun 26, 2018
62600a2
fix css on mobile
evertontatu Jun 27, 2018
5e5b4fa
fix css, fix input mobile number and edit readme.md
evertontatu Jun 27, 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*
45 changes: 6 additions & 39 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,43 +1,10 @@
![PicPay](https://user-images.githubusercontent.com/1765696/26998603-711fcf30-4d5c-11e7-9281-0d9eb20337ad.png)
## Teste Frontend PicPay - Everton Boni

# Teste Frontend
A aplicação foi desenvolvida utilizando React e Material-ui

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.
## Rodando a aplicação

O layout está disponível em https://zpl.io/VOBNjrQ. Para acessar, use o login *picpay* e senha *picpayfte*.
Com o NPM instalado na máquina, execute os comandos:

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.
* `npm install`
* `npm start`
43 changes: 43 additions & 0 deletions README.old.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
![PicPay](https://user-images.githubusercontent.com/1765696/26998603-711fcf30-4d5c-11e7-9281-0d9eb20337ad.png)

# 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.
Loading