Top Coins
I use this repo to try new features from the Open source community.
Create a webapp that allows for a simple analysis of crypto assets. The page should present a navigation bar with two pages:
/- Market overview/liquidity- Liquidity analysis page
The app should fetch all the required data from the coinmarketcap.com /ticker API endpoint.
By default /ticker endpoint returns top 100 coins. There should be an option to change it by using a select/dropdown with predefined values:
1050all(maximum of [limit])
Keep it mind select/dropdown should have global scope and it should affect data on both pages: Market Overview and Liquidity.
It should render a table (with received data) sorted by rank:
+------+----------+-----------+--------------------+------------------+----------------+
| Rank | Name | Price | Price Change (24h) | Market Cap | Volume (24h) |
+------+----------+-----------+--------------------+------------------+----------------+
| 1 | Bitcoin | $6,764.99 | -4.41% | $114,784,460,451 | $4,551,630,000 |
| 2 | Ethereum | $395.74 | -1.04% | $39,064,506,094 | $1,367,120,000 |
| ... | ... | ... | ... | ... | ... |
+------+----------+-----------+--------------------+------------------+----------------+
It should render a scatter plot chart where:
Xaxis is Market CapitalizationYaxis is Volume (24h)Zaxis (or size of the point) is absolute price change (24h)
|
| *
| *
V | * * *
o | *
l | * * *
u | * * * * *
m | * *
e | * * * *
| * *
| * *
| *
+---------------------------------------------
Market Cap
Chart should be interactive – when hover over the point, it should display a tooltip with information like (name, marketcap, volume & price change).
Each point represents one coin.