#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 –
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join
Source Code –
https://github.com/piyush-eon/react-crypto-tracker
Live Site –
https://crypto-hunter.netlify.app/
Coin Gecko API –
https://www.coingecko.com/en/api
React Router Dom Tutorial –
https://www.youtube.com/watch?v=FUkAVMn5Tcs
Context API Tutorial –
https://www.youtube.com/watch?v=gQ_l-1zpVBo
Deploy React App to Netlify Tutorial
https://www.youtube.com/watch?v=jUnP7uljs1I
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 –
https://www.youtube.com/watch?v=XhIPtIFo8n8
Material UI –
https://material-ui.com/
Learn React From Scratch –
https://www.youtube.com/watch?v=CKH5zLGBJAI&list=PLKhlp2qtUcSYOMyooUr3IIDF5TMN488l7
