Demo App

To help you understand and check how the Yuno SDKs work, the Yuno team provides the Demo App. It provides implementation examples for all Yuno SDKs. Therefore, if you are having trouble running some SDK on your platform, you can check the working examples from the Demo App.

Connect payment methods

To ensure the Demo App will work properly, be sure to connect at least one payment method to your account through the Dashboard. Otherwise, when you access the Demo App, some features won't work. If you don't know how to connect a payment method to your account, check the following contents:

Step 1: Clone the repository

All files from the Demo App are available on a GitHub repository. To start using it, open your terminal, clone the repository, and change to the cloned directory:

> git clone https://github.com/yuno-payments/yuno-sdk-web.git
> cd yuno-sdk-web

Step 2: Update the environment variables

First, you need to provide some information to run the application properly. Create a .env file in the root folder and define the following variables with your information:

YUNO_X_ACCOUNT_CODE=your_account_code
YUNO_PUBLIC_API_KEY=your_public_api_key
YUNO_PRIVATE_SECRET_KEY=your_private_secret_key

You can find account_code, public_apy_key, and private_secrete_key in Yuno Merchant Dashboard.

Step 3: Start the Demo App

After defining the .env file, install all dependencies:

> npm install

Now you are ready to run the application using the following command:

> npm start

To access the running application, open your browser and go to:

http://localhost:YOUR-PORT

If you don't change the code, the application will be available at http://localhost:8080/.

You can also change the country by adding a query parameter named country to the URL with one of the country codes US, GB, FR, DE, IT, JP, CN. The following example defines the URL to access an application running on the 8080 port and with Deutschland as the country selected:

http://localhost:8080?country=DE

You will find a panel, as presented below, with all Yuno SDKs available by accessing the URL. Select the desired SDK to check its appearance and how it works.