> For the complete documentation index, see [llms.txt](https://hackerbot-industries.gitbook.io/documentation-hackerbot-industries/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hackerbot-industries.gitbook.io/documentation-hackerbot-industries/software/command-center.md).

# Command Center

It's a web interface built with react, it visualizes the map fetch from the robot and allow the user to interact with it.

{% hint style="info" %}
Make sure you have a map of your space first. If you don’t, use the Tuya app to create one. You can watch a step-by-step tutorial [here](https://www.youtube.com/watch?v=sLXTF0cDsak\&t=240s).
{% endhint %}

To launch this interface, launch the [flask server](/documentation-hackerbot-industries/software/flask-apis.md):&#x20;

```sh
launch-flask-api
```

Then launch the command center:

```sh
launch-command-center 
```

If successful, you should see something like:

```
---------------------------------------------
STARTING HACKERBOT COMMAND CENTER
---------------------------------------------
Cleaning up existing process

---------------------------------------------
SUCCESS! Hackerbot Command Center is Running!
React Frontend: http://localhost:5173
                http://10.1.10.110:5173
Log file: /home/bobby/hackerbot/logs/hackerbot_react_202505131509.txt
---------------------------------------------
```

Then you can navigate your browser and open the url from the output. You should be able to see the map you create with Tuya!

<figure><img src="https://3262092018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeH4khVSQo53Z6CRTsdM6%2Fuploads%2Ff0VNkRe12sEgr5NfbTbV%2Fimage.png?alt=media&amp;token=734588a6-ab30-4244-bc8f-3e0ebf3d039d" alt=""><figcaption></figcaption></figure>

In the Maps section, you can choose which map you want to load.

<figure><img src="https://3262092018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeH4khVSQo53Z6CRTsdM6%2Fuploads%2F7pFLA2GwNeQwtKsaHMq1%2Fimage.png?alt=media&amp;token=fa4f7b1a-bf32-4fd9-80ac-7c75acf556c7" alt=""><figcaption></figcaption></figure>

In the mark section, you can add mark position on the map and save it.

<figure><img src="https://3262092018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeH4khVSQo53Z6CRTsdM6%2Fuploads%2FjNInU0DwpgdJ02erbXk4%2Fimage.png?alt=media&amp;token=034c3cf2-207a-4569-bef9-84b893236cda" alt=""><figcaption></figcaption></figure>

\
In the GOTO section, you can select a marker for the robot to navigate to.

<figure><img src="https://3262092018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeH4khVSQo53Z6CRTsdM6%2Fuploads%2FdO7v1dEZPbDElK3CFKA8%2Fimage.png?alt=media&amp;token=e6aa5fa1-05ee-4557-8c90-6a1995f0e417" alt=""><figcaption></figcaption></figure>

To stop this process, run the stop script:

```sh
stop-command-center 
```

If successful, you should see something like:

```
---------------------------------------------
STOPPING HACKERBOT COMMAND CENTER
---------------------------------------------
Stopping React processes...
All React-related processes stopped.
---------------------------------------------
HACKERBOT COMMAND CENTER STOPPED
---------------------------------------------
```

Here's a video of using Command Center to navigate:

{% embed url="<https://www.youtube.com/watch?v=hZnarviGFUg>" %}
