Start using RapidAPI Today! https://rapidapi.com/marketplace?utm_source=youtube.com/codestackr&utm_medium=referral&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!!
🤖 Get FREE AI-powered code completions from Kite: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
🛠️ 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!
👀 Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
🌐 Connect With Me:
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.