Coding Challenge

Table of Contents

• Description
• Running Application
• Requirements
• Complete Challenge

Description

Thank you for taking part in this coding challenge. For this challenge, you will be given an unfinished React application that you have to improve and enhance.

Installation and running the application

To install the project and get it started, you have to perform the following steps:

1. Fork this repository
2. Run npm install in the repository folder to install the dependencies
3. Run npm start to start the app in the development mode

Figma File : File

API documentation : Documentation

Requirements

1. Show the global counter on the items page
2. Add card validation on the Checkout form:
3. Must be a valid card number
4. Must be Visa / Master card type
5. Must be a valid expiration date
6. Must be a valid CVV
7. Display the cart items on the checkout page
8. Complete the API integration:
9. Call the web service for payment submission
10. Match the UI for the Checkout item:
11. Display the icon (Visa/Master) based on card number input

Complete the Challenge

Complete the challenge by committing your changes and pushing them to your forked repository. Of course you are always free to commit and push in between.

Good luck & have fun!!