Skip to content

ray1412/foreign-exchange-currency

Repository files navigation

ray1412-banner-logo

Introduction

Hi, my name is Raymond Haryanto. This Project is created in order to answer the challange which is coming from Shopee ID

Goals

Creating Foreign Exchange Currency App which using https://exchangeratesapi.io/ as the API.

Support

This Project is built using react-boilerplate, template --> https://github.com/react-boilerplate/react-boilerplate

Docker Support

The Dockerfile will expose port 80, so make sure run it <expose IP>:80 In case, there is something wrong with the deployment, I'd already served it on --> https://forex-ray.netlify.com

Local Build Instructions

  1. git clone https://github.com/ray1412/foreign-exchange-currency
  2. npm run install or yarn install
  3. npm run build

Application Structure

The main page of this app is located on app/containers/App/index.js. Below is the structure of the <App/> :

  • Header --> displaying date and refresh button
  • BaseCurrencyInput --> segment where user able to choose base currency and input the desired amount
  • Content --> where list of selected currency will be shown.
  • SubmitCurrency --> segment where user able to choose target currency (to be calculated)