Build and Deploy 5 JavaScript & React API Projects in 10 Hours – Full Course | RapidAPI

JavaScript Mastery

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 –
✅ 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 –
📧 JSM Mailing List 🔥

📚 Materials/References:
First Application – Travel Companion App:
⭐ Travel Advisor API –
⭐ Open Weather Map API –
GitHub Code (give it a star ⭐):
Styles & Other Code:
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 –
⭐ Paw –
Turn an API into a Startup?! Build & Sell an API with JavaScript:
API Cheatsheet:

Second Application – Cryptocurrency App:
⭐ CoinRanking API –
⭐ Bing News Search –
GitHub Code (give it a star ⭐):
Styles & Other Code:
news image URL:
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 –
GitHub Code (give it a star ⭐) –
Mentioned Code –

Fourth Application – Build Your Own API:
URLs and Finished Code –
ScraperAPI –

Fifth Application – Google Clone App:
⭐ Google Search API –
VSC Extensions –
GitHub Code (give it a star ⭐):

💻 Discord –

💻 Master JavaScript:
Use the special promo code “YOUTUBE” on checkout to save $60!

❀ Support JavaScript Mastery & Suggest Future Videos:

🌎 Find Me Here:
Discord Group:

💌 Business Inquiries:

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