Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI
Welcome to the ultimate course, which will help you become a master of APIs by Building Real Industry Applications. In this compilation of videos, you'll build a Travel Companion App, a Cryptocurrency App, a Real Estate App, a Google Clone App, as well as create your own API!
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!
Along the way, you'll learn:
Advanced React Best Practices, such as folder & file structure, hooks, and refs
Next.js best practices, static generation, and server-side rendering
Creating User Interfaces using Material UI / Chakra UI / Ant Design and Tailwind CSS
Working with Google Maps API, Redux Toolkit, Charts
And most importantly, fetching data from unlimited sources using RapidAPI
⭐ RapidAPI - https://rapidapi.com/hub?utm_source=y...
📧 JSM Mailing List https://resource.jsmastery.pro/newsle... 🔥
📚 Materials/References:
First Application - Travel Companion App:
⭐ Travel Advisor API - https://rapidapi.com/apidojo/api/trav...
⭐ Open Weather Map API - https://rapidapi.com/community/api/op...
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje...
Styles & Other Code: https://gist.github.com/adrianhajdin/...
If you get: "This page can't load Google Maps correctly." and "For development purposes only." that means that you have to enter your billing details. Google requires that to verify your identity and distinguish actual people from robots. You'll be getting free $200 worth of API requests indefinitely, and you will NOT be charged.
APIs Crash Course:
⭐ RapidAPI Learn - https://rapidapi.com/learn/rest-apis/...
⭐ Paw - https://paw.app
Turn an API into a Startup?! Build & Sell an API with JavaScript: • Turn an API into a Startup?! Build & ...
API Cheatsheet: https://resource.jsmastery.pro/api-ch...
Second Application - Cryptocurrency App:
⭐ CoinRanking API - https://rapidapi.com/Coinranking/api/...
⭐ Bing News Search - https://rapidapi.com/microsoft-azure-...
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje...
Styles & Other Code: https://gist.github.com/adrianhajdin/...
cryptocurrency.png: https://i.ibb.co/Z11pcGG/cryptocurren...
news image URL: https://www.bing.com/th?id=OVFT.mpzuV...
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
Third Application - Real Estate App:
⭐ Bayut API - https://rapidapi.com/apidojo/api/bayu...
GitHub Code (give it a star ⭐) - https://github.com/adrianhajdin/proje...
Mentioned Code - https://gist.github.com/adrianhajdin/...
Fourth Application - Build Your Own API:
URLs and Finished Code - https://gist.github.com/adrianhajdin/...
ScraperAPI - https://www.scraperapi.com?_go=jsmastery
Fifth Application - Google Clone App:
⭐ Google Search API - https://rapidapi.com/apigeek/api/goog...
VSC Extensions - https://resource.jsmastery.pro/vsc-ex...
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/proje...
💻 Discord - / discord
💻 Master JavaScript: https://www.completepathtojavascriptm...
Use the special promo code "YOUTUBE" on checkout to save $60!
❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: / javascriptmastery
🌎 Find Me Here:
Discord Group: / discord
Instagram: / javascriptmastery
Twitter: / jsmasterypro
💼 Business Inquiries:
E-mail: [email protected]
Time Stamps 👇
00:00:00 Intro
00:03:27 First Application
02:14:42 APIs Crash Course
02:50:11 Second Application
05:04:09 Third Application
05:40:21 Fourth Application
07:49:01 Fifth Application