How to run & test

Run

In order to make it work, you need to run two different consoles, one for the JSON-server (which serves payment data) and another one for the HTTP-server (which serves our files):

For the HTTP-server:

npm start

It will run npm install & bower install automatically and start the server at your local adress: localhost:8080

For the JSON-server:

npm install && npm run start:api

If you've already launched npm start before, every files served by npm have been already installed, so you can just start the JSON-server with :

npm run start:api

Test

Unit tests have been added to the project (with Karma/Jasmine), to start them, just use the following:

npm test

Ginger Payments Frontend Assignment

This assignment is to implement client-side API requests to the JSON-server (which contains payment data), create a client-side filter and render the content in the browser. You have the freedom to choose any additional framework/stylings and try to make it look decent.

Overview

• Language: JavaScript, HTML, CSS

• Estimated effort: 2-4 hours

• Dependencies: JSON-server

  Setup

  To install and start the JSON-server type the following command in your terminal:

  npm install && npm run start:api
  

  Tasks

  Implement the following tasks:

  Callback button

  When this button is clicked use a callback to get the 20 payments with the highest amount (notice that the amounts are in cents) and render the data in a table, where each payment is stored in a row.

  Promise button

  When this button is clicked use a promise to do a GET request for the payments from the merchant "Ginger".

  Filter Payment-Method

  Create a client-side filter for the payment-method iDeal (method: "ideal") or if you feel ambitious (and have enough time left) create a dropdown with all the payment-methods ("creditcard", "bank-transfer", "ideal").

  Add Payments

  Create an input form which performs a POST request to the JSON-server

  Bonus: Add E2E test

  What to deliver

  Provide a link to your Github/Bitbucket/Gitlab repository where we only need to:

  1. npm install
  2. run the JSON-server
  3. open the index.html file or run a static server to see your code working