Electron Config Interface for Vexuf IoT

Building a cross‑platform desktop UI using Electron to configure my Vexuf IoT device.

The Vexuf IoT platform has been a big part of my hardware tinkering, but configuring devices through a serial console gets old fast. This week I started building a graphical configuration tool using Electron so I can tweak settings from a desktop app instead of memorising CLI commands. The goal is to make it easy for non‑technical users to discover their device on the network, view current settings, and update firmware without jumping through hoops.

I chose Electron because it lets me write the interface in familiar web technologies while still accessing Node APIs for low‑level operations. The backend uses Node.js to scan the local network for Vexuf devices, open a WebSocket connection to pull current configuration values, and send updates back when the user changes something. On the frontend, I’m using React to build a clean, responsive UI that shows device status, editable fields, and real‑time logs.

So far I’ve implemented device discovery and the ability to read the device’s configuration into form fields. Changing values updates the state locally; hitting “Save” sends a JSON payload back to the device and waits for confirmation. I also added a firmware update modal that streams progress as the device flashes new firmware.

Next on the list is packaging the app for Windows, macOS, and Linux, setting up auto‑updates, and adding validation to prevent invalid settings. Down the road I’d like to integrate OTA updates and maybe port the UI to a browser-based tool for easy access on tablets. It’s exciting to bridge the gap between hardware and software with a tool that makes my IoT devices more approachable.