Teta : low-code builder

Kiran Hingankar
VirtouStack
3 min readJul 1, 2022

--

Teta is a low-code builder for native mobile applications. We can use our simple interface to build app faster than traditional development.

Teta is an online cooperative app builder. It allows designers and developers to collaborate in real-time on the design and development of mobile applications, through a convenient visual interface that allows the export of Flutter code.

Project Dashboard

The Homepage helps us manage our projects in Teta. We can create and delete our projects and add people to our organization from this page. our account information and plan details are also accessible from this page.

1. Projects

This section displays the projects we have created on Teta, we can easily navigate to any of them from this page. For creating a new project or a new organization, wecan use the + New Project button here.

By selecting the icon

we can delete our project

We can learn more about managing your projects from the Projects & Sample Apps page.

2. Organization

We can perform the following actions on the organization by selecting:

to add people to the team

to change organization and team settings

3. Account

The Account page is helpful if we want to take a look at our account information.

UI Builder

On Teta, we can build and customize our application from the UI Builder page. This page consists of all the UI elements (also known as widgets) that we can use while building our app’s layout.

1. Tree Area

The Tree Area shows the structure of your application, where we can add elements by selecting them from the Widget Panel on the canvas.

2. Mobile Area

The Mobile Area displays the mobile device screen where we can preview the items added to the Tree Area.

3. Properties Panel

The Properties Panel allows us to customize the selected widget by modifying the Properties like visibility, padding, alignment, and various widget-specific properties (e.g. Label Text of a TextField widget). We also have some other tabs for specifying Actions (like onTap and onSubmit) and setting Query Type (for any API call).

4. Tool Bar

The Tool Bar contains buttons to test our entire app by running or previewing it. We can also view/download the app code and publish our app directly to the store.

5. Widget Panel

We will find all the user interface elements or components in the Widget Panel. There’s also a search bar to quickly search for any widget.

--

--