DecentIoT Web Overview

This guide will walk you through the DecentIoT Web application, including an overview of the Web UI, work-flow and how the platform hosts & manages projects.

Create account & sign in

• Click Sign up → Enter name, email and password → Verify your email address.

• An onboarding wizard will let you create your first project immediately.

Create a new project

• Go to Projects → Click New Project.

• Fields:

  • Project Name

  • Project Description

• Click Create.

Project Configuration (Database / Broker settings)

• After creating the project, Visit Project Details Page → Project Configuration tab → Choose a communication provider:

  • If Firebase: paste the Web SDK config, username, password, See Firebase guide.

  • If MQTT: paste broker host, port, username, password, TLS/WS toggle See MQTT guide.

• Click Verify connection — platform will attempt a test publish/handshake in this format:

  Firebase

  MQTT (HiveMQ)

  path: /test_decentiot
  message: "Hello! from DecentIoT, Your connection appears to be successful."

Create your Device

• Open Devices → Click Create Devices.

• Fields:

  • Device Name

  • Device Type — choose your device (e.g. ESP32, Arduino, etc.)

  • Connection Type — choose your connection type (e.g. WiFi, Cellular, etc.)

• Click Create.

Create your DataStream

• Visit Data Streams tab from Project Details Page.

• Click New Data Stream.

• Fields:

  • Name
  • PIN - virtual pin (e.g. P0, P1, etc.)
  • Device - select your device (one you created earlier)
  • Data Type - choose your data type (e.g. Boolean, Integer, etc.)
  • Default Value - choose your default value (e.g. 0, 1, etc.)

• Click Create.

Build your Dashboard with Widgets

• Visit Dashboards → Click Create Dashboard.

• Fields:

  • Dashboard Name

• Click Create.

• Visit Dashbaord Details Page → Click Edit

• Add your desired widgets: Toggle, Slider, Gauge, etc. For each widget set:

• Save dashboard. The platform will create the corresponding DB paths or subscribe topics automatically.

Example Toggle LED flow

• User clicks led1 toggle widget which has pinID of P0.

• Web Platform writes following to your firebase or mqtt broker:

  Firebase

  MQTT (HiveMQ)

  path: /decentiot/<projectID>/users/<userID>/datastreams/<deviceID>/P0
  message (value): false/true

• Device receives payload, sets the pin, then writes back current state to

• Web Platform UI listens to these changes and updates the widget.

This is it! if you came this far, you are ready to build your own IoT system with DecentIoT.