Cards and Transactions Overview

This is the implementation of a coding challenge with the purpose to build a card and transactions overview page.

Acceptance Criteria:

• User can select one of the cards
• The transactions of the selected card will be displayed
• The transactions have a same background color than the card
• There should be a filter field between the cards and the transactions
• The user can filter transactions by inputting amount to the filter fields. Transactions with the amount in the fields or greater should be left visible
• If the user changes a selected card and there is content in the filter fields, the content should be reset

Installation

Prerequisites

• Node
• git

Choose a Project Directory

Use your terminal of choice and navigate to the directory where you want to create the project folder. Clone the project into the chosen directory by running

git clone https://github.com/MrFootwork/credit-card-transactions

Change into the new directory

cd credit-card-transactions

Install Dependencies

Run

npm install

Run locally

Run

npm run dev

The app should now run on http://localhost:4000.