# Displaying a Message

1. Let’s try displaying a message in the center of the app. The default center label is set to a black background with white text.

```jsx
// main.js

App.showCenterLabel("Hello world");
```

2\. Result

<div align="left"><figure><img src="https://3059601135-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkvEvcz_LX5eDyvl13E%2Fuploads%2Flfsbjh92dCQQ4q7d71sM%2FUntitled.png?alt=media&#x26;token=e2c071c0-3731-424c-b581-f8db974da726" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Please Note&#x20;

* For the tutorial, we recommend setting the app type to Mini-Game.&#x20;
* The JSON file name must be “main”. Please create a new text file and name it main.js.&#x20;
* If you do not know how to deploy an app, please refer to the [<mark style="color:purple;">**ZEP Script Deployment Guide**</mark>](https://docs.zep.us/zep-script/zep-script-guide/zep-script-development-guide/zep-script-deployment-guide)<mark style="color:purple;">.</mark>
  {% endhint %}