# Portenta H7 Mongoose Integration

This guide explains how to bring up a production-grade Web UI dashboard on the
Portenta H7 board.

A pre-configured, ready-to-run project zip is available for download at
https://mongoose.ws.

To integrate the Web UI dashboard into an existing CubeMX project, or to create a
new project from scratch:

1. Configure the peripherals (described below).
2. Regenerate your project code and integrate Mongoose core by following
   https://mongoose.ws/docs/guides/stm32-tcpip-stack/.
3. Add the Web UI dashboard by following
   https://mongoose.ws/docs/guides/web-dashboard-guide/.

Note: to setup your WiFi login credentials, open the `wifi.c` file located in the
`Mongoose` directory and edit the `WIFI_NAME` and `WIFI_PASS` macros.

## Configure peripherals

An `.ioc` file is included in this directory for your reference. It was created
using the following steps:

- Open CubeMX. If you are starting a new project, select the STM32747XI
  microcontroller and create a new project.
- In Clock Configuration, set the maximum clock frequency to 200 MHz.
- In Pinout & Configuration / Connectivity, enable USART1 in asynchronous mode.
  Configure pins PA9 and PA10 for USART.