• uv (Python package manager)
• Node.js and npm
• ROS2 Humble

Navigate into the web gui folder:

cd umdloop_gui_web

Install Python dependencies with uv (creates a virtual environment automatically):

uv sync

Install Node dependencies and run the development server:

npm install
npm run dev

Run the web server:

uv run python server.py

Open http://localhost:3000 with your browser to see the result.

• Base station runs this GUI and has internet (for map tiles).
• Rover has no internet; it runs ROS 2 and Rosbridge.

So that the map shows the rover's location, the GUI connects to the rover over your radio link:

1. On the rover: run Rosbridge (e.g. ros2 launch rosbridge_server rosbridge_websocket_launch.xml) so it serves WebSocket on the rover's IP (e.g. port 9090).

2. Put rover and base station on the same network over radio (Wi‑Fi bridge, mesh, or modem so the base can reach the rover's IP).

3. On the base station, set the Rosbridge URL to the rover's address. Create umdloop_gui_web/.env.local:

   NEXT_PUBLIC_ROSBRIDGE_WS_URL=ws://ROVER_IP:9090

   Replace ROVER_IP with the rover's IP on that network (e.g. 192.168.1.100). Then rebuild/restart the GUI.

The Map view subscribes to /gps/fix (NavSatFix) from the rover over that connection and shows the rover as a green marker. Ensure the rover publishes /gps/fix (e.g. from the localization stack or GPS driver).

For UMDLOOP-Native To Build, go to /build

$env:CMAKE_PREFIX_PATH="C:\Qt\6.10.0\msvc2022_64" cmake .. cmake --build . --config Release

cd Release C:\Qt\6.10.0\msvc2022_64\bin\windeployqt.exe LoopGui.exe

.\LoopGui.exe