Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video
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.
⭐ RapidAPI - https://rapidapi.com/hub?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News
📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmasterypro.com/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: javascriptmastery00@gmail.com
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
Видео Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video канала JavaScript Mastery
⭐ RapidAPI - https://rapidapi.com/hub?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/coinranking1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Bing News Search - https://rapidapi.com/microsoft-azure-org-microsoft-cognitive-services/api/bing-news-search1?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
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?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News
📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmasterypro.com/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: javascriptmastery00@gmail.com
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
Видео Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI](https://i.ytimg.com/vi/GDa8kZLNhJ4/default.jpg)
![](https://i.ytimg.com/vi/UCBY7LgZB48/default.jpg)
![Build and Deploy a Modern Web 3.0 Blockchain App | Solidity, Smart Contracts, Crypto](https://i.ytimg.com/vi/Wn_Kb3MR_cU/default.jpg)
![Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications](https://i.ytimg.com/vi/MJzbJQLGehs/default.jpg)
![Earn free crypto by playing this game](https://i.ytimg.com/vi/OH0JUa6oczQ/default.jpg)
![Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript](https://i.ytimg.com/vi/rqw3OftE5sA/default.jpg)
![Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021](https://i.ytimg.com/vi/RDV3Z1KCBvo/default.jpg)
![you need to create a Cryptocurrency RIGHT NOW!! (Solana token)](https://i.ytimg.com/vi/befUVytFC80/default.jpg)
![Build a WEB3 app to mint unlimited NFTs… But should you?](https://i.ytimg.com/vi/meTpMP0J5E8/default.jpg)
![Build Your First Blockchain App Using Ethereum Smart Contracts and Solidity](https://i.ytimg.com/vi/coQ5dg8wM2o/default.jpg)
![Build and Deploy a Modern Real Estate App | React Website Tutorial](https://i.ytimg.com/vi/y47gYvXchXM/default.jpg)
![Build and Deploy a Modern Full Stack Social Media App | FULL COURSE](https://i.ytimg.com/vi/1RHDhtbqo94/default.jpg)
![Redux CRUD Tutorial in React - Redux Toolkit Tutorial](https://i.ytimg.com/vi/bml92jhF4t8/default.jpg)
![Build Coinbase Blockchain Web 3.0 App with Next.js | Sanity.io | thirdweb](https://i.ytimg.com/vi/frCsGK4cKks/default.jpg)
![Code 15 React Projects - Complete Course](https://i.ytimg.com/vi/a_7Z7C_JCyo/default.jpg)
![Build and Deploy a Fully Responsive Modern UI/UX Website in React JS](https://i.ytimg.com/vi/LMagNcngvcU/default.jpg)
![These Mistakes Almost Stopped Me From Learning To Code](https://i.ytimg.com/vi/KXMg7FRBl_k/default.jpg)
![Turn an API into a Startup?! Build & Sell an API with JavaScript](https://i.ytimg.com/vi/be9sHQ7xqo0/default.jpg)
![React API Project - Cryptocurrency Finance Price Tracker App Using Hooks and Axios](https://i.ytimg.com/vi/9ohK7CapmIs/default.jpg)
![React JS Crash Course 2022 | Build an App and Master React in 1 Hour](https://i.ytimg.com/vi/b9eMGE7QtTk/default.jpg)