Crypto Price Tracker

Tracking live crypto prices and plotting price charts

Explore more

Site Homepage

The challenge

I decided to develop this website with the aim to learn how to use a chart library and to call APIs. A price tracker was the best fit for putting in practice my knowledge on plotting charts and using APIs together on one single website. This project wants to be a simple. It includes a menu through which the user can change some settings, like: currency and the color theme.

Scrolled homepageEthereum pageHomepageBitcoin pageSearchBinance Coin Page

The pages

On the site, we can find two main components. The main page shows all the crypto ordered by market cap in an infinite scrolling page. The specific crypto page shows all the info about a crypto currency.

Search

The homepage loads the data in a dynamic mode in groups of one hundred. When the end of the current data is reached the subsequent data will be loaded. This page also includes a search bar that allows the users to search the crypto by name.

Crypto Page

When a cryptocurrency is clicked a dedicated page will open. This page will include all the information about the currency, a simple bidirectional converter, and the price chart. The scope of the price chart can be switched between 30 days and max. While the first provides thanks to the smaller time frame plotting, more details and precision; the second presents all the data since the creation of the selected cryptocurrency.