JSPM

You can use this library for fetching currencies rates and forex market exchanging pproperties .

NGRX state management is used to managing price changes. we save next rates into NRX states via NGRX ACTIONS and fetch previous states by NGRX SELECT . if price is grow up it will be green,and if it decreased it will be red text.

You can create a rates table like it :

https://www.fxstreet.com/rates-charts/rates

----------------DEMO--------------

https://stackblitz.com/edit/rates-board

https://rates-board.stackblitz.io

------------------INSTALLATION--------------------

npm i @ngrx  --force

npm i @ngrx/store  --force

npm i rates-board  --force

import { RatesBoardModule } from 'rates-board'

------------------REQUIREMENTS--------------------

install NGRX

npm i @ngrx  --force

npm i @ngrx/store  --force

install bootstrap

    @import url('https://unpkg.com/bootstrap@5.2.2/dist/css/bootstrap.min.css')

import httpClientModule in appModule

------------------USAGE--------------------

---------Template html file

        <rates-board
        [source]="source"
        [destination]="destination"
        [textColor]="textColor"
        [themeColor]="themeColor"
        [fullDataShow]="fullDataShow"
        [urlPrefix]="urlPrefix" 
        [columns]="columns">
        </rates-board> 

---------ts file

        //for example :BTC,SOL,DOGE,ETH,SHIB,ZEC will be converted to USD
        source = "BTC,SOL,DOGE,ETH,SHIB,ZEC"  //rates to convert 
        destination = 'USD'//rates that source will be converted to it 
        themeColor = 'yellow';
        textColor = 'blue'; 
        fullDataShow = true;//can used for responsive screen
        urlPrefix = 'http://www.mywebsite.com/myroutes'//open url when user click on rates rows
        columns=["HIGHDAY","LOWDAY","SUPPLY","MARKET"];

---------------------- available columns :

        CHANGE24HOUR             
        CHANGEDAY             
        CHANGEHOUR
        CHANGEPCT24HOUR
        CHANGEPCTDAY
        CHANGEPCTHOUR
        CIRCULATINGSUPPLY
        CIRCULATINGSUPPLYMKTCAP
        CONVERSIONSYMBOL
        CONVERSIONTYPE
        FROMSYMBOL
        HIGH24HOUR
        HIGHDAY
        HIGHHOUR
        IMAGEURL
        LASTMARKET
        LASTTRADEID
        LASTUPDATE
        LASTVOLUME
        LASTVOLUMETO
        LOW24HOUR
        LOWDAY
        LOWHOUR
        MARKET
        MKTCAP
        MKTCAPPENALTY
        OPEN24HOUR
        OPENDAY
        OPENHOUR
        PRICE
        SUPPLY
        TOPTIERVOLUME24HOUR
        TOPTIERVOLUME24HOURTO
        TOSYMBOL
        TOTALTOPTIERVOLUME24H
        TOTALTOPTIERVOLUME24HTO
        TOTALVOLUME24H
        TOTALVOLUME24HTO
        VOLUME24HOUR
        VOLUME24HOURTO
        VOLUMEDAY
        VOLUMEDAYTO
        VOLUMEHOUR
        VOLUMEHOURTO