watermark logo

3 Views· 14 July 2022

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

Advertisement

Advertise With Vidude


MilesSidhu
Subscribers

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=youtube.com/JavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
📧 JSM Mailing List https://resource.jsmasterypro.com/newsletter 🔥

📚 Materials/References:
First Application - 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 (give it a star ⭐): https://github.com/adrianhajdi....n/project_travel_adv
Styles & Other Code: https://gist.github.com/adrian....hajdin/ede527249054b
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/introduction?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
⭐ Paw - https://paw.app
Turn an API into a Startup?! Build & Sell an API with JavaScript: https://youtu.be/be9sHQ7xqo0
API Cheatsheet: https://resource.jsmasterypro.com/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 (give it a star ⭐): https://github.com/adrianhajdi....n/project_cryptovers
Styles & Other Code: https://gist.github.com/adrian....hajdin/1008c664fe789
cryptocurrency.png: https://i.ibb.co/Z11pcGG/cryptocurrency.png
news image URL: https://www.bing.com/th?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News
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/bayut?utm_source=youtube.com%2FJavaScriptMastery&utm_medium=DevRel&utm_campaign=DevRel
GitHub Code (give it a star ⭐) - https://github.com/adrianhajdi....n/projects_realestat
Mentioned Code - https://gist.github.com/adrian....hajdin/2fb91c8b6e7b2

Fourth Application - Build Your Own API:
URLs and Finished Code - https://gist.github.com/adrian....hajdin/13a69e174448b
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.jsmasterypro.com/vsc-extensions
GitHub Code (give it a star ⭐): https://github.com/adrianhajdi....n/project_google_clo

💻 Discord - https://discord.gg/n6EdbFJ

💻 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: contact@jsmasterypro.com

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

Show more


Up next

Advertisement

Advertise With Vidude


0 Comments