Mock checkout and bank interface

This is a demo interface that uses the PCIDSS Oracle Gateway and Payment Processor to simulate bank dashboard and demo checkout page.

Overview

Main page is a simulation of a bank dashboard, where you can see basic details about the bank account and its transactions. To ease the testing, there is a button on the top right corner that allows you to switch between development accounts. You can use development accounts to simulate different scenarios.

How to run

This is a React app and while running in development node, you need to run the PCIDSS Oracle Gateway and Payment Processor in separate terminals. Please follow the instructions in the respective README files.

It also uses the payment processor server running at http://localhost:3001 as a proxy. If you want to change the port, you need to update the package.json file.

Run yarn to install dependencies
Run yarn start to start the interface
Open http://localhost:3002 in your browser

Docker

You can also run the interface in Docker:

docker build -t interface .
docker run -p 3002:3002 interface

How to use

Here are the test accounts you can use:

[
  {
    "card_holder_first_name": "Alice",
    "card_number": "4169812345678901",
    "card_cvv": "123",
    "balance": 1000,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Bob",
    "card_number": "4169812345678902",
    "card_cvv": "124",
    "balance": 0,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Charlie",
    "card_number": "4169812345678903",
    "card_cvv": "125",
    "balance": 12345,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Dave",
    "card_number": "4169812345678904",
    "card_cvv": "126",
    "balance": 1000000,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Eve",
    "card_number": "4169812345678905",
    "card_cvv": "127",
    "balance": 1000,
    "card_expiry": "06/23"
  },
  {
    "card_holder_first_name": "Acquirer",
    "card_number": "123456",
    "card_cvv": "000",
    "balance": 1000000000,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Alice_stash",
    "card_number": "4169812345678908",
    "card_cvv": "999",
    "balance": 0,
    "card_expiry": "03/28"
  },
  {
    "card_holder_first_name": "Bob_stash",
    "card_number": "4169812345678909",
    "card_cvv": "888",
    "balance": 0,
    "card_expiry": "03/28"
  },
]