# Overview

Blynk offers native iOS and Android mobile apps which allow to remotely control connected devices and visualize data from them.

App operates in two modes:

#### **Developer Mode**

The primary function of Developer Mode in the mobile app is to [build and edit the Mobile Dashboard User interface (GUI) for the given Device Template](https://docs.blynk.io/en/blynk.apps/constructor).

Mobile Dashboard is built from Widgets - modular UI elements which can be positioned on the canvas. Every Widget serves a special function (a button, a slider, a chart, etc). Every Widget has it's own settings based on its functionality**.**

#### **End-user mode**

This mode is used by both the developers and the end-users.

It's focused on devices, automations and notifications view and management with the help of widgets and additional screens containing specific information about data that is set/sent/received to/from Blynk.Cloud and devices.

## Home screen

Depending on the configuration, home screen can consist of up to 3 sections corresponding to icons in the navigation bar: [Devices](#devices), [Automations](#automations) and [Notifications & Events](#notifications-and-events)

### **Devices**

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2FLGj0XXaKlUpyjDrJU0a3%2FDevices-tab.png?alt=media&#x26;token=d6b71053-b222-48dd-9dbf-fcfd3d699742" alt="" width="563"><figcaption><p>Devices section</p></figcaption></figure></div>

This section is open by default when you open the app. All created devices will be listed here and their tiles will look according to their [template ](https://docs.blynk.io/en/blynk.console/templates)type. To add a device go to the [Right](#right-menu) menu by tapping the top right button in the navigation bar. There are also options to change how devices are sorted.

If there are no devices yet, there is a button "Add new device" in the middle wich takes you right to the device provisioning routine.

### **Automations**

{% hint style="info" %}
This section is visible only when a template has at least one datastream enabled for automation.\
To learn how to enable a datastream for automation, please read the [Datastreams](https://docs.blynk.io/en/blynk.console/templates/datastreams/datastreams-common-settings) article.
{% endhint %}

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2FZ7w5GPyjr6bjtEcokjtY%2FAutomations-tab.png?alt=media&#x26;token=52f0fdb7-f476-4171-9446-b3b03a62f3ea" alt="" width="563"><figcaption><p>Automations section</p></figcaption></figure></div>

You can [automate](https://docs.blynk.io/en/concepts/automations) your connected devices with the following triggers:

* Time of the day
* Sunset and sunrise
* Device trigger
* Manual execution (Scenes)

### **Notifications & Events**

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2F3AybWoDZCvkmdE0CB9VT%2Fnotifications%26events.png?alt=media&#x26;token=a003333e-fabf-409e-8035-a27957b864b7" alt="" width="375"><figcaption><p>Notifications &#x26; events section</p></figcaption></figure></div>

The list of notifications from all devices will be here.

{% hint style="info" %}
In order to be listed here, the template should have the [Event](https://docs.blynk.io/en/blynk.console/templates/events) configured and the event should be [triggered](https://docs.blynk.io/en/blynk.console/templates/events/custom-events/events--how-to-log-events) in the device.
{% endhint %}

## Device dashboard

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2FrhZjDFuABdc44O6Hze2x%2Fdevice-dashboard.png?alt=media&#x26;token=2cc16c1f-6b18-4be7-8d78-1773bd969fd5" alt="" width="375"><figcaption></figcaption></figure></div>

When a user taps on the device tile, the device dashboard will open. It consists of widgets to monitor and control the device. The layout of the widgets and their settings can be edited in the [Developer mode](https://docs.blynk.io/en/concepts/developer-mode) and apply to all devices using this template.

### **Device Info**

The 'i' icon in the top right corner of the dashboard opens the *Device Info* page.

In the **Device Info** page the metadata for the device is presented. You can edit a device name, view other information like firmware version, etc.

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2F3BLI7wo0PbeLECcHIuvM%2Fdevice-info.png?alt=media&#x26;token=6ba6f16b-fed6-44fe-9d8d-f77da16206bd" alt="" width="375"><figcaption><p>Device Info page</p></figcaption></figure></div>

### **Device Actions menu**

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2FBqA7zv4jKMC9uYnRiqO6%2Fdevice-actions.png?alt=media&#x26;token=d87c0412-25f1-4655-9d89-2b0e3d0a4e0c" alt="" width="375"><figcaption><p>Device Actions menu</p></figcaption></figure></div>

At the top right corner of the Device Info page, there's a 'three dots' icon that opens device actions menu with the following options:

* Notification settings
* Reconfigure (re-provision new WiFi credentials)
* Erase all device data
* Delete device

### Device Notifications

In the **Device Notifications** page which is opened by tapping on the 'bell' icon in the *Device Dashboard* page, you'll find the list of all events of the device (for example online, offline and custom [Events](https://docs.blynk.io/en/blynk.console/templates/events)).

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2F6ae90pNclb0NmdppI4Yb%2Fdevice-timeline.png?alt=media&#x26;token=013ace27-90cf-4b39-a8a7-c4a84d936ee3" alt="" width="375"><figcaption><p>Device Notifications page</p></figcaption></figure></div>

## Main menu

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2F5UEI1FHOshLjWLteI4x4%2Fleft-menu.png?alt=media&#x26;token=996123ba-db92-48f2-8a54-41e9cc0c18de" alt="" width="375"><figcaption></figcaption></figure></div>

At the top left corner of the main screen, there's a **Burger** icon that opens the main menu when you tap on it. This menu consists of the following entries:

* **My profile** – here you can change your name, password, or delete your account.
* **Organization settings** – manage organization info (change the organization name, description, and timezone), members and contractors here.
* **My Organizations (households)** – view the structure of your organization. Switch to one of your suborganizations to view the app as a member of that suborg.
* **Billing** – view and manage your plan (if you initially subscribed on this platform).
* **Settings** – set up sounds for notifications, light/dark theme, biometric authentication and other global settings for the app.
* **Help** –  quick access to Blynk's documentation.
* **About** – app version, server, logs, reset learning cards and other useful resouerces.
* **Log out**&#x20;

## **Right menu**

<div align="left"><figure><img src="https://1839001309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBFTVMf7L6S67HOuqVC%2Fuploads%2Fi7wYvsxxL10yBZH47Lba%2Fright-menu.png?alt=media&#x26;token=002d3aaa-5ef2-43c0-9d4f-5d1de756f55b" alt="" width="375"><figcaption></figcaption></figure></div>

At the top right corner in the main screen, there's a 'three dots' icon that opens the right sidebar menu when you tap on it.\
It offers adding a new Device, as well as search and sorting and stacking options for the devices and device groups list.