• Courses
  • Tutorials
  • Jobs
  • Practice
  • Contests
June 15, 2022 |2.1K Views
Cryptocurrency Application (Part 1) in ReactJS
  Share  3 Likes
Description
Discussion

We are going to build a cryptocurrency app that lists all the available cryptos in the market. This application covers how to fetch information from an API and then display it in the form of cards to the user. Each card will be clickable so the user can track the ups and downs of that specific crypto's market value.

What we will learn:
- Project Creation
- Custom Components
- Use of styling
- React Hooks
- React Router
- API
- Chart.js

API: Application Programming Interface which is a collection of communication protocols and subroutines used by various programs to communicate between them. A programmer can make use of various API tools to make its program easier and simpler.

Chart.js: It is an open-source JavaScript library that allows you to draw different types of charts by using the HTML5 canvas element. Since it uses canvas, you have to include a polyfill to support older browsers.

To create a cryptocurrency app first, we have decided, how many fields or we can say components are required. We will need a component to display the crypto coin, and we will use a custom component to display all the cryptos as well.

Then we will design the card as we want, and now we are ready to fetch the data from API. So we will install the Axios, and we will use useEffect hook to fetch the API data. After that, we will use chart.js to show the ups and downs of the individual cryptos market rate. We will need a few input fields to search any specific crypto, crypto's market value on different currencies and a filter to short the crypto according to user need.

To get the most out of this course we will appreciate you doing the code with us, please just do not watch the video and guess the out.

How to Create a Cryptocurrency App in ReactJS: https://www.geeksforgeeks.org/how-to-create-a-cryptocurrency-app-in-reactjs/