Start using RapidAPI Today! https://rapidapi.com/hub?utm_source=youtube.com/codestackr&utm_medium=DevRel&utm_campaign=DevRel
Let’s say you have an application that uses multiple APIs from various platforms. Each API has its own key and its own way of managing access. What if I told you that there’s a platform where you can manage all of your APIs in one spot?
We’re going to build an app that consumes multiple APIs using RapidAPI to see how easy it is to use.
We’ll create a quick project by using Vite.js and Tailwind CSS, then use RapidAPI to connect to 4 APIs and consume their data.
Code Repo: https://github.com/codeSTACKr/RapidAPI_Demo
_____________________________________
🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾🤝🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
_____________________________________
💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!!
https://www.codingphase.com/codestackr
🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________
⏱️ Timestamps ⏱️
00:00 – Intro
01:00 – RapidAPI Marketplace
02:29 – Project Setup (Vite.js)
03:58 – index.html
04:30 – main.js setup
06:18 – Geo Location API
08:01 – Open Weather API
11:33 – Chuck Norris API
13:11 – Breaking News API
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #JavaScript #API
source
