Cryptocurrency Tracker with React JS, Material UI and Chart JS Tutorial 🔥🔥

#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 -

[satanshuag]

Loved the way of explaining each step. ThankYou! ♥

[junghyunchoi]

I never finished full react app even tho I am graduating from CS major.
First time finishing the whole tutorial.
Can't appreciate more.
Thank you so much

[aritro-globe]

Sir, I made a web for my jsondatasaver package with react and I learned react from your channel. Thanks from your awesome contents. Keep up❤❤

[piyush]

WOW amazing quality content! Keep it up

[codebreakerchronicles]

Incredible video Bro. Awesome keep up the good work.

[dunder]

this is by far the best crypto tracker app i found in YT using react js

[fn]

beginner friendly project, and explains it in a very beginner friendly manner!
thanks for the good content

[anthonyzornig]

finished. YEAH! More of that, Roadside Coder ! 🚀

[margo]

Fast becoming my go-to channel for practical MUI and Context API.

[eliasimokhai]

You are great men....as in, I will definitely share this content. Thank you so so much

[spencercastro]

You've got yourself a new subscriber, awesome tutorial.

[MJRezai]

high quality content and practical project which is a superb practice for those who has just finished their react cource 👍💥

[sherlookholmes]

They way of your explanation is awesome bro, and also I recommend this channel to my friend bro

[czszuxi]

This tutorial is amazing and useful. Thank you for sharing.

[Bhuvan-gjpe]

saw ur video on free code camp which is so good mann, please continue to make videos, u will reach maximum heights .. Full support from us .... ❤️❤️

[g-laveli]

Incrivel, vou assistir mais tarde e fazer esse projeto para meu portifolio, muito obrigado.

[parassharma]

bhai usememo wala mast the explanation 🔥🔥 🔥🔥 really thanx liked and subscribed

[amilcar]

Hello, first of all, thank you very much for this content. I have a question. Could you add a notification system that notifies me when a currency changes its value on the Watchlist?

[paraggaikwad]

It would be really helpful if you can make any tutorial by using latest versions of all the things. Because most of the things have depreciated now.
Thanks

[playerunknown]

Last Sunday I was thinking of building same app. And here it is. It'll be a great reference ❤❤