In the service catalog, locate the SAP Web IDE tile by searching for Web, and then choose the tile.

Choose Go to Service.

To get started with the app, choose New Project from Sample Application.

To add a project with the required files to your account, choose Shop and then Next.

Accept the standard license conditions by choosing I agree and then Finish.

To be able to view the app in multiple languages and enable SAP Translation Hub to locate the resources file, you need to enter some data in the .project.json file.

In this step, you’re going to specify the domain for the texts (sales), the languages in which you want the app to be available (Danish, Dutch, English, Finnish, French, and German), and the name of the resources file (i18n).
In the .project.json file, enter a comma after the last square bracket (]) and paste the following code after the comma you entered:

"translation": {
    "translationDomain": "02",
    "supportedLanguages": "da,nl,en,fi,fr,de",
    "defaultLanguage": "en",
    "defaultI18NPropertyFile": "",
    "resourceModelName": "i18n"
  }

The result should look like this:

To test the application with mock data from a local system, you’re going to need a special run configuration. To do this, right-click the application and choose Run > Run Configurations.

Choose + > Web Application.

Now you need to do the following:

• Under File Name, enter the application file name testFLPservice.html.
• Under Preview Mode, choose With Frame.
• Under Mock Data, select Run with mock data.

Once you’ve done that, choose OK.

Now you want to see what the application looks like by accessing it from a Fiori launchpad. To do this, choose the green button shown below.

Choose the Shop tile.

To make things look more realistic, the app uses mock data: