Learn advanced React best practices, State Management using Redux Toolkit, UI Creation using Ant Design, creating charts using Chart.js, and fetching data from multiple sources using RapidAPI while building the best Cryptocurrency App on YouTube - Cryptoverse.
JS Mastery Pro - https://jsmastery.pro?discountyoutube
A special YOUTUBE discount code is automatically applied!
RapidAPI - https://rapidapi.com/hub?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_sourceyoutube.com%2FJavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
Since the 1st of January 2022 you'll have to make the following changes to the code:
1. Change the api v1 to v2 on RapidAPI
2. In new version, to access the exchanges endpoint you'll need a premium plan
3. Change the coin price history endpoint to the following - `coin/${coinId}/history?timeperiod${timeperiod}`
4. Change coin id to coin uuid in cryptocurrencies.jsx file
5. In cryptoDetails.jsx file make sure to match the stats and genericStats values
Materials/References:
GitHub Code (give it a star ): https://github.com/adrianhajdin/project_cryptoverse
Styles & Other Code: https://gist.github.com/adrianhajdin/1008c664fe7896b316f5efbff8d97935
cryptocurrency.png: https://i.ibb.co/Z11pcGG/cryptocurrency.png
news image URL: https://www.bing.com/th?idOVFT.mpzuVZnv8dwIMRfQGPbOPC&pidNews
Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmastery.pro/newsletter
Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptmastery
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
Master JavaScript: https://www.completepathtojavascriptmastery.com
Use the special promo code "YOUTUBE" on checkout to save $60!
Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery
Find Me Here:
Discord Group: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Twitter: https://twitter.com/jsmasterypro
Business Inquiries:
E-mail:
[email protected]Time Stamps
00:00:00 Intro
00:02:06 RapidAPI
00:03:25 Layout
00:32:59 Homepage
00:36:31 Redux Toolkit & API Dev
00:53:32 Cryptocurrencies
01:11:28 Crypto News
01:32:02 Crypto Details
01:56:24 Chart
02:01:37 Mobile navigation
02:06:22 Challenge