Crypto Tracker - React JS
A web app that display the latest data for the most popular cryptocurrencies; It has a home page and a detail page where you can find historical price data for the selected crypto.
- React JS
- Chart JS
See it live:LIVE TEST
- Neumorphism UI style.
- Dark and light mode.
- Latest Cryptocurrency pricing data thanks to Nomics.
- Interactive Chart with historical data that can be filtered to different date ranges.
The home screen lists 20 of the most popular cryptocurrencies, each crypto shows the latest pricing data and percentage trend for 24 hours.
The detail screen mainly features an interactive chart made with Chart JS, as you hover or touch the chart, you can see details about the price for the date you are selecting.
Below the chart you can find a button group which you can use to toggle between the available date ranges.
For this project I wanted to keep the interactions of the app as minimal as possible; I mainly spent time working on the Chart interaction which can still be improved, particularly in mobile.
Down below is a GIF of the interactions I came up with, but I encourage you to try the live website for the best experience.