DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 968,873 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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 Author

thanks ๐Ÿ˜ƒ

Collapse
 
andriyfm profile image
Andri Firmansyah

good post, thank you bro

Visualizing Promises and Async/Await ๐Ÿคฏ

async await

โ˜๏ธ Check out this all-time classic DEV post