DEV Community

Cover image for ReactJS Real Time Crypto Dashboard Tutorial
Renaissance Engineer
Renaissance Engineer

Posted on

ReactJS Real Time Crypto Dashboard Tutorial

Want a quick foundation to build a cool custom portfolio project?

In this video I quickly go over how to use the Coinbase API to grab historical data for cryptocurrencies and also use their real-time websocket API to get data. I'll then show how to format that data so it can be displayed with a ChartJS component and update a price tracker in real-time.

ReactJS Crypto Api project github repo

Once you've got the basic project built I show you some examples of how you can extend the project so you have something unique

  • Create a card style layout and add routing for each currency
  • Add multiple time segments for users to look at price history
  • Add authentication with a Coinbase account to place orders
  • Add pagination support so users can get more historical data
  • Customize the ChartJS styling
  • Make Chart real-time by updating latest data point with current price data

Top comments (3)

Collapse
 
aalphaindia profile image
Pawan Pawar

good post!

Collapse
 
renaissanceengineer profile image
Renaissance Engineer

thanks 😃

Collapse
 
andriyfm profile image
Andri Firmansyah

good post, thank you bro