Welcome to the ultimate course, which will help you become a master of APIs by building real industrial applications. In this compilation of videos you will build a Travel Companion App, a Cryptocurrency App, a Real Estate App, a Google Clone App and create your own API!

JS Mastery Pro – https://jsmastery.pro?discount=youtube
A special YOUTUBE discount code will be automatically applied!

Along the way you will learn:
– Advanced React Best Practices, such as directory and 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, retrieve data from unlimited sources using RapidAPI

RapidAPI – https://rapidapi.com/hub?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
JSM mailing list https://resource.jsmastery.pro/newsletter

Materials/references:
First Request – Travel Companion App:
Travel Advisor API – https://rapidapi.com/apidojo/api/travel-advisor?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
Open Weather Map API – https://rapidapi.com/community/api/open-weather-map?utm_source=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
GitHub code (star it): https://github.com/adrianhajdin/project_travel_advisor
Styles and other codes: https://gist.github.com/adrianhajdin/ede527249054b7abbdf4e3a9fac95b5e
If you get: /"This page could not load Google Maps correctly./" and /"For development purposes only./", it means you need to enter your billing information. Google requires this to verify your identity and distinguish real people from robots. You get $200 in API requests for free indefinitely, and you will NOT be charged any fees.

APIs crash course:
RapidAPI Learning – https://rapidapi.com/learn/rest-apis/introduction?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
Paw – https://paw.app
Turning an API into a startup?! Build and sell an API with JavaScript: https://youtu.be/be9sHQ7xqo0
API cheatsheet: https://resource.jsmastery.pro/api-cheatsheet

Second application – Cryptocurrency app:
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
GitHub code (star it): https://github.com/adrianhajdin/project_cryptoverse
Styles and other codes: 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
Since January 1, 2022, you must make the following changes to the code:
1. Change the API v1 to v2 on RapidAPI
2. To access the exchange endpoint in the new version, you will need a premium subscription
3. Change the coin price history endpoint to the following: `coin/${coinId}/history?timeperiod=${timeperiod}`
4. Change the coin ID to coin-uuid in the cryptocurrencies.jsx file
5. Make sure the statistics and genericStats values in the cryptoDetails.jsx file match

Third application – Real Estate App:
Bayut API – https://rapidapi.com/apidojo/api/bayut?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
GitHub code (star it) – https://github.com/adrianhajdin/projects_realestate
Mentioned code – https://gist.github.com/adrianhajdin/2fb91c8b6e7b2e64671c85ea4c05cbc9

Fourth application – Build your own API:
URLs and completed code – https://gist.github.com/adrianhajdin/13a69e174448b112785523128d34139c
ScraperAPI – https://www.scraperapi.com?_go=jsmastery

Fifth application – Google Clone app:
Google Search API – https://rapidapi.com/apigeek/api/google-search3?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
VSC Extensions – https://resource.jsmastery.pro/vsc-extensions
GitHub code (star it): https://github.com/adrianhajdin/project_google_clone

Discord – https://discord.gg/n6EdbFJ

Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use the special promo code /"YOUTUBE/" at checkout to save $60!

️Support JavaScript mastery and 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 questions:
Email: [email protected]

Timestamps
00:00:00 Introduction
00:03:27 First request
02:14:42 Crash course APIs
02:50:11 Second request
05:04:09 Third request
05:40:21 Fourth request
07:49:01 Fifth request

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.