Skip to content

roman-lakhnov/vite-react-js-switch-ui

Repository files navigation

Web Interface for F411 IO Mod

This is a custom web interface built with React for the F411 IO Mod Project, a smart STM32-based IO controller with MQTT and REST capabilities.

The backend firmware for the STM32F411 was developed by @kshypachov, while the web interface was designed and implemented by @roman-lakhnov.

Purpose

The interface provides user-friendly access to:

  • Monitor digital inputs and control outputs.
  • Configure network, MQTT, and system parameters.
  • Upload firmware and web updates.
  • View current device status and logs.

Technology Stack

  • React (Vite)
  • JavaScript
  • bootstrap
  • REST API communication with the firmware backend

Web Interface Screenshots:

Auth View:
Settings

Dashboard View:
Dashboard

Installation & Upload

To deploy the interface to the device:

  1. Build the project with npm run build.
  2. Zip the contents of the dist folder.
  3. Use the provided uploader (web_interface_uploader_win.exe or .app.zip) from the main project to upload the zip to the device.
  4. Access the web UI via the device IP.

Contribution

Feel free to fork and suggest improvements.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published