🔃Overview

A brief tutorial guides you through QuickDEV. The initial screen of the Admin Panel displays an overview of all apps.

Within QuickDEV, you have the ability to both create and discover the foundational components of applications.

• Navigations

• Mobile Navigations

• Apps

• Modules

• Folder

All of these building blocks are showcased on the home screen. You have the option to organize them into folders for easier navigation and access. At present, only a flat list of folders is supported. However, in future iterations, our goal is to introduce support for a comprehensive hierarchy for organizing the application building blocks.

Use the blue "New" button, you can choose and generate a new, blank app. This action will direct you to the App Editor Screen.

The main screen is divided into four sections. Typically, to create an app, you begin by placing any component from the red section into the app-space, which is highlighted in yellow at the center of the screen.

The green area assists you in gathering and preparing data for your app. Here, you can manage data queries for multiple data sources, as well as data transformations and even JavaScript functions.

The blue area provides a hierarchical view of the components of an app, allowing you to visualize their structure. It also offers real-time monitoring of their application state, displaying current data and events.

The blue and red areas each consist of two panels, between which users can switch. These areas are highlighted in green for easy identification.

In the blue section, you can manage general settings for an app, including the applied theme, local JavaScript and CSS embeddings, as well as screen settings for expected resolutions.

In the red section, which automatically opens when you click on a specific component in the app-space, you can make detailed settings for the selected component:

• Data Binding to show selected data with the component

• Event Bindings to take an user event and trigger an action

• Layout Settings to adjust positions for labels, orientation and visibility

• Style Settings to select colors, sizes and margins

You can share an app with selected users at any time to collaborate on testing together.

Depending on your settings, you can invite specific users or make the app publicly accessible for everyone to view. If you wish to invite co-editors for your app, you'll need to assign them the desired rights or roles.

Once all tests are completed, your app is ready to be launched. You can utilize the "Preview Button" to preview how your app appears to a standard logged-in user before officially releasing it to the market.

Using the same button, but with the assistance of the small arrow on the right, you can ultimately publish the application in its current state. Ensure that the app is then accessible through the Share menu as you expect, whether it's set to be public or for selected users only.