Klarx Coding Challenge with Typescript

Klarx Coding Challenge

I used: Redux toolkit to create two states that are accessible by all components, also mutable and I can push them with new Data at any time. Called the first exchanges and the second reverseExchanges.

For the grid system and UI/UX, I used react-bootstrap as a framework to illustrate the few JSX rendered components in a grid of 2s(Desktop) and 1s (Mobile). I used also Chart.js for illustrating the chart.

I also used Typescript for modeling some of the data objects to be used in the app.

How it looks like:

GitHub

View Github