Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create a Crypto Price Tracking App using React JS and CoinGecko API - Step by Step Tutorial 2024

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a comprehensive cryptocurrency price tracking web application from scratch using React JS and the CoinGecko API in this step-by-step tutorial. Master the complete development process from initial setup to online deployment, creating a fully functional crypto tracking website that displays real-time cryptocurrency prices, market data, and interactive price charts. Set up a React project and construct essential components including a responsive navigation bar and dynamic home page that showcases cryptocurrency listings. Integrate the CoinGecko API to fetch and display live coin prices, market capitalization, 24-hour price changes, and market rankings for various cryptocurrencies. Implement a powerful search functionality that allows users to find specific cryptocurrencies quickly and efficiently. Develop detailed coin pages that provide comprehensive information about individual cryptocurrencies, including current prices, market statistics, and historical data. Create interactive price charts using API data to visualize cryptocurrency price movements over time, giving users valuable insights into market trends. Complete the project by deploying the finished application online using Hostinger web hosting services, making your crypto tracking website accessible to users worldwide. Learn professional development practices while building a real-world application that demonstrates practical React JS skills and API integration techniques.

Syllabus

00:00 Project overview
03:40 Setup React Project
12:35 Create Navigation bar
25:53 Create Home page
43:36 Display coin price using API
01:32:24 Create Search Feature
01:45:33 Create Coin details page
02:03:41 Create coin price chart
02:31:43 Deploy website online

Taught by

GreatStack

Reviews

Start your review of Create a Crypto Price Tracking App using React JS and CoinGecko API - Step by Step Tutorial 2024

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.