alexandrubudaca/binance-fe-test

The small test that we would like you to do is to make your own market widget UI on React using the REST API and WebSockets as follow picture shows.

Rest API: https://www.binance.com/exchange-api/v1/public/asset-service/product/get-products

Here is some explanation of get-products API:

s	symbol
b	base asset
q	quote asset
o	open price
h	high price
l	low price
c	latest price
pm	parent market
pn	category of the parent market

For example, ALTS has three categories, XRP, ETH, and TRX. By choosing ALTS, it shows all the symbols in which the parent market is ALTS. By choosing ETH, it shows all the symbol which pm is ALTS and category is ETH.

WebSocket API: wss://stream.binance.com/stream?streams=!miniTicker@arr

There should also be a button that, once clicked, force closes the WebSocket, so you have to develop a proper retry/reconnect/resubscribe logic.

You need to group the coins into serveral markets

You should spend around half a day on this exercise. You can use JS or TypeScript and add at least one e2e test for this component.