Search⌘ K

Demo Application

Explore how to build a React demo application integrating Wise Payouts API. Learn to display balances, manage recipients, create transfer quotes, send money, and view exchange rates. Gain practical knowledge of combining React client-side code with Express backend to call Wise API endpoints.

We'll cover the following...

This lesson walks us through a simple web application that shows the functionality of Wise Payouts APIs. We used the React library for the client-side implementation and Express.js to make API calls to the Wise server. We'll use the endpoints related to the following operations in the application:

  1. Getting the balance of our account

  2. Listing all recipients

  3. Adding a new recipient

  4. Sending money

  5. Listing current exchange rates for the GBP

Tip: Since it's a demo application, some values and fields may be hardcoded.

Application workflow

Click the “Run” button in the widget below to run the application. Once the application has started, click the URL against “Your app can be found at:” to view ...