Learn Rapid and API Development. Find Challenges (with solutions!) and interactive examples and visuals to help you become a pro API Developer.

Rapid API Learn

Learn REST APIs

Learn GraphQL APIs

Learn AsyncAPI

Learn SOAP APIs

Learn RapidAPI Hub (Consumer)

Learn RapidAPI Hub (Provider)

Learn RapidAPI Testing

Build and sell your own API

I Abandoned Postman for This NEW VS Code Extension | Build, Test & Sell APIs

Turn an API into a Startup?! Build & Sell an API with JavaScript

A deep dive into Rapid API Client VS Code Extension

Everything you need to know about RapidAPI Studio

Ten Interesting Web App Ideas That Use APIs

Build an AI Text Shortener App with Rapid's API Hub and Next.js

Mastering API Documentation: Best Practices and Tools

How to Solve Sudoku Puzzles Using an API: A Step-by-Step Guide (Part-2)

How to use Axios with Angular?

How to Use Axios for HTTP PUT and PATCH Requests?

How to handle Axios timeouts?

A brief introduction to Axios

How to use Axios with Vue.js?

How to upload files in React app using Axios?

Everything you need to know about Node.js fetch API

How to use node-fetch in TypeScript?

How to Solve Sudoku Puzzles Using an API: A Step-by-Step Guide (Part-1)

How to call an API using JavaScript?

Building a Fully-Functioning API with Django and and Sharing on RapidAPI (Part -2)

Building a Fully-Functioning API with Django and and Sharing on RapidAPI (Part -1)

Convert Webpages to PDFs Automatically by leveraging RapidAPI Hub

How to implement interceptors in Fetch?

Cross-Origin Requests with Fetch API

Fetch data from multiple endpoints with the Fetch API

Fetching and Displaying Images with the Fetch API

How to use the Fetch API with Vue.js?

How to use fetch API to call GraphQL APIs?

Introduction to Sensor API

What is Gamepad API?

How to send files to server with Fetch API?

How to use the Fetch API with React?

Cache data with Fetch API

Error handling with the Fetch API

How to send query parameters using Fetch?

Introduction to Touch Events API

How to use Prioritized Task Scheduling API?

What is Media Session API?

Recipe collection made easy: Build your own Flutter app with API integration.

Best Practices for REST API Development

Introduction to CSS Counter Styles API

Introduction to Encrypted Media Extensions (EME) API

Introduction to Device Orientation Events API

What is the Compression Streams API?

What is File and Directory Entries API

What is Fullscreen API and how to use it

What is Push API?

Introduction to the Web Audio API

Create a simple SaaS tool using APIs and earn profit every day

Build an AI wallpaper generator app using Rapid and OpenAI

API Caching with HTTP Headers

How to call APIs using Axios in TypeScript?

Test And Secure Your APIs With RapidAPI

Automate API Testing With RapidAPI Studio

How to Create a Custom Axios Instance?

How to send the request body using fetch?

How to send the request body using Axios?

How to call weather APIs in JavaScript?

How RapidAPI helps developers authenticate APIs?

How to set request headers in fetch?

How to use fetch API in Next.js?

How to send query parameters using Axios?

How to participate in Hacktoberfest 2022 with RapidAPI?

How to secure RESTful APIs?

How to Test GraphQL APIs in VSCode — RapidAPI Client

How to get data from an API in JavaScript?

Five Things Developers Love About RapidAPI VSCode Client

How to Use Axios in React — Complete Guide

Build an API in JavaScript, Python, and PHP

How to make POST Requests with Axios in JavaScript?

Build five simple web apps using five different APIs

How to use Axios with Async/Await in JavaScript?

API Integration Developer Workflow with RapidAPI

API Testing Tools by RapidAPI changing the developer workflows

What is an API Gateway? Features of the RapidAPI Gateway

10 API Problems Solved by RapidAPI Client

A deep dive into Hub Listing of RapidAPI Studio

Earn a Passive Income by Monetizing APIs as a Developer

Manage Full API Lifecycle With This One Tool

How to use the API client inside RapidAPI Studio?

Put API Development at Ease With RapidAPI Client for VS Code

How To Use RapidAPI Client for VS Code and RapidAPI Studio to Test APIs?

RapidAPI Hub – The Next Generation API Platform

How to use RapidAPI Client for VS Code to test APIs?

Generate API call snippets using RapidAPI Client for VS Code

Auto generate interfaces from API response using RapidAPI VS Code Client

API development in TypeScript using RapidAPI VS Code Client

Replace API clients with the RapidAPI Extension for VS Code

What Is API Lifecycle – How Can RapidAPI Help?

Test Your APIs With RapidAPI Testing

RapidAPI Provider – Your Go-To API Management Platform

How do API Endpoints work?

Consume Five APIs From RapidAPI Hub in Five Languages

An Introduction to SOAP API

How to build a Grammar Check App using GrammarBot API?

How to build a Random User Generator App using Random User API?

How To Set Request Headers Using Axios?

APIs Security Challenges

How Can Local Storage Persist the API Response in React.js?

4 Things You Need To Do For Calling GraphQL APIs

How to get Longitude and Latitude from an Address?

What is Selection API?

10 Web APIs That Help With Your Web App Development

## Installation Steps

1. Download the `ai-text-shortener-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/ai-text-shortener-app) to download it.

2. Unzip the downloaded file and navigate to the working directory.

    ```bash
    cd RapidAPI\ DevRel-Examples-External\ main\ ai-text-shortener-app/
    ```

3. Install dependencies

    ```bash
    npm install
    ```

4. Create `.env.local` file in root and add your RapidAPI key.

    ```bash
    RAPID_API_KEY=YOUR_RAPID_API_KEY
    RAPID_API_HOST=YOUR_RAPID_API_HOST
    ```

5. Run the app

    ```bash
    npm run dev
    ```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.

AI Text Shortener App

## Installation Steps

Download the `wallpaper-generator` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/wallpaper-generator) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd DevRel-Examples-External\ wallpaper-generator
```

Install dependencies

```bash
npm install
```

Navigate to [OpenAI APIs](https://openai.com/api/) and sign up. Generate your API key. Create `.env.local` file in root and add your OpenAI API key and RapidAPI key here.

```bash
OPENAI_API_KEY=YOUR_OPENAI_API_KEY
RAPIDAPI_KEY=YOUR_RAPIDAPI_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


AI Wallpaper Generator App

## Installation Steps

Download the `title-case-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/title-case-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ title-case-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Title Case App

## Installation Steps

Download the `crypto-news-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/crypto-news-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ crypto-news-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Crypto News App

## Installation Steps

Download the `weather-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/weather-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ weather-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_OPEN_WEATHER_API_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Weather app

## Installation Steps

Download the `us-zipcode-info-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/us-zipcode-info-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ us-zipcode-info-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


US zipcode info app

## Installation Steps

Download the `url-shortner-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/url-shortner-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ url-shortner-app/
```

Install dependencies

```bash
npm install
```

Create `.env` file in root and add your variables

```bash
NEXT_PUBLIC_RAPID_API_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.

URL shortener app

## Installation Steps

Download the `uk-restaurant-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/uk-restaurant-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ uk-restaurant-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


UK restaurant app

## Installation Steps

Download the `translation-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/translation-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ translation-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_GOOGLE_TRANSLATE_API_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.

Translation app

## Installation Steps

Download the `trademark-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/trademark-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ trademark-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Trademark app

Word Usage App

## Installation Steps

Download the `topic-generator-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/topic-generator-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ topic-generator-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Topic generator app

## Installation Steps

Download the `text-case-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/text-case-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ text-case-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Text Case App

## Installation Steps

Download the `time-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/time-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ time-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Time App

## Installation Steps

Download the `weather-news-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/weather-news-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ weather-news-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Weather news app

## Installation Steps

Download the `text-summarizer-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/text-summarizer-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ text-summarizer-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Text summarizer app

## Installation Steps

Download the `text-sentiment-analysis-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/text-sentiment-analysis-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ text-sentiment-analysis-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Text sentiment analysis app

## Installation Steps

Download the `text-extraction-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/text-extraction-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ text-extraction-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Text extraction app

## Installation Steps

Download the `superhero-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/superhero-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ superhero-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Superhero app

## Installation Steps

Download the `streaming-availability-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/streaming-availability-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ streaming-availability-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Streaming availability app

## Installation Steps

Download the `sports-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/sports-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ sports-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Sports app

## Installation Steps

Download the `stocks-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/stocks-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ stocks-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Stocks app

## Installation Steps

Download the `spell-checker-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/spell-checker-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ spell-checker-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Spell checker app

## Installation Steps

Download the `spam-checker-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/spam-checker-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ spam-checker-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Spam checker app

## Installation Steps

Download the `sentence-generator-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/sentence-generator-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ sentence-generator-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Sentence generator app

## Installation Steps

Download the `screenshot-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/screenshot-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ screenshot-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Screenshot app

## Installation Steps

Download the `recipe-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/recipe-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ recipe-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Recipe app

## Installation Steps

Download the `real-estate-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/real-estate-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ real-estate-app/
```
evRel-Examples-External/real-estate-app
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Real estate app

## Installation Steps

Download the `random-user-generator-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/random-user-generator-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ random-user-generator-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Random user generator app

## Installation Steps

Download the `random-facts-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/random-facts-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ random-facts-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Random facts app

## Installation Steps

Download the `random-color-palette-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/random-color-palette-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ random-color-palette-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Random Color Palette App

## Installation Steps

Download the `quote-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/quote-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ quote-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Quote app

## Installation Steps

Download the `qrcode-generator-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/qrcode-generator-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ qrcode-generator-app/
```


Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


QR code generator app

## Installation Steps

Download the `public-holiday-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/public-holiday-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ public-holiday-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Public holiday app

## Installation Steps

Download the `post-office-info-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/post-office-info-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ post-office-info-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Post office info app

## Installation Steps

Download the `planet-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/planet-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ planet-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Planet App

## Installation Steps

Download the `phone-number-validate-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/phone-number-validate-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ phone-number-validate-app/
```


Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Phone number validator app

## Installation Steps

Download the `paraphrase-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/paraphrase-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ paraphrase-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Paraphrase app

## Installation Steps

Download the `news-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/news-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ news-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_BING_NEWS_API_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


News app

## Installation Steps

Download the `nft-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/nft-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ nft-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


NFT Explorer App

## Installation Steps

Download the `music-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/music-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ music-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Music app

## Installation Steps

Download the `movie-details-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/movie-details-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ movie-details-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your variables

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Movie details app

## Installation Steps

Download the `language-detection-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/language-detection-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ language-detection-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Language detection app

## Installation Steps

Download the `lyrics-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/lyrics-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ lyrics-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Lyrics app

## Installation Steps

Download the `joke-app` directory. Click [here](https://download-directory.github.io/?url=https://github.com/RapidAPI/DevRel-Examples-External/tree/main/joke-app) to download it.

Unzip the downloaded file and navigate to the working directory.

```bash
cd RapidAPI\ DevRel-Examples-External\ main\ joke-app/
```

Install dependencies

```bash
npm install
```

Create `.env.local` file in root and add your RapidAPI key.

```bash
NEXT_PUBLIC_RAPIDAPI_KEY=YOUR_RAPID_API_KEY
```

Run the app

```bash
npm run dev
```

You are all set! Open [localhost:3000](http://localhost:3000/) to see the app.


Name	Description	Mandatory
Envelope	The start and the end of the message	Yes
Header	The optional attributes of the message used in processing the message	No
Body	The data comprising the message being sent	Yes
Fault	Provides information about errors that occur while processing the message	No

Learn SOAP APIs

What is a SOAP API?

What is a SOAP API?

What is a SOAP API?

Example of a SOAP API