Cryptocurrency Tracker with React JS, Material UI and Chart JS Tutorial ๐Ÿ”ฅ๐Ÿ”ฅ





โ–ถ Coinbase Website: Coinbase.com
โ–ถ CEX Website: cex.io

#ReactJS #ReactProject #ReactTutorial

Lets Create a Cryptocurrency Tracker App in React JS, Material UI and Chart JS with full responsive fuctionality. We will use Context API to manage the state of our app and Coin Gecko API for backend.

Support the channel by becoming member and gaining awesome perks –

Source Code –

Live Site –

Coin Gecko API –

React Router Dom Tutorial –

Context API Tutorial –

Deploy React App to Netlify Tutorial

00:00:00 Intro
00:00:19 Project Overview
00:03:34 Setup a new React App
00:05:27 Install Material UI
00:07:57 React Router
00:08:38 Initial Styles
00:10:16 Creating Page Routes
00:14:51 useStyles in Material UI
00:16:44 Header
00:25:11 Context API Implementation
00:30:55 Home Page
00:36:13 Coin Gecko API
00:38:33 Trending Coins Carousel
00:52:27 Coins Table
01:11:25 Pagination Component
01:16:18 Single Coin Page
01:30:11 Historical Chart Component
01:48:37 Deploying the App
01:49:28 Firebase Integration

Flexbox in 20 Minutes –

Material UI –

Learn React From Scratch –

โ–ถ Coinbase Website: Coinbase.com
โ–ถ CEX Website: cex.io



Youtube version

Spread the love

Related posts

Leave a Comment